nullbite/catppuccin-userstyles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(mastodon): fill unthemed sections (#139)

Browse Source 
* fix(mastodon): fill unthemed sections

* add theming for emoji picker
* add theming for glitch soc
This commit is contained in:
Isabel 2023-07-25 11:07:21 +01:00 committed by GitHub
parent afc5211520
commit c3fb1cae08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 83 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
styles/mastodon/catppuccin.user.css
View File

@ -2,13 +2,13 @@
@name Mastodon Catppuccin
@namespace github.com/catppuccin/userstyles/styles/mastodon
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon
@version 1.1.4
@version 1.1.5
@description Soothing pastel theme for Mastodon
@author Catppuccin
@updateURL https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css
@license MIT
@license MIT
@preprocessor less
@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
@ -241,7 +241,7 @@ domain("mastodon.social") {
.getting-started__trends h4,
.trends__item__name span,
.story {
border-color: @subtext0;
border-color: @surface0;
}
.account__header__tabs__name h1,
@ -380,6 +380,14 @@ domain("mastodon.social") {
color: @accent-Color;
}
.follow_requests-unlocked_explanation {
background: @base;
}
.status.collapsed .status__content:after {
background: linear-gradient(fadeout(@base, 100), @base);
}
.button.button-tertiary:focus,
.button.button-tertiary:hover,
.button.button-tertiary:active {
@ -452,6 +460,7 @@ domain("mastodon.social") {
.load-more:hover {
background-color: @mantle;
}
.character-counter {
color: @subtext0;
@ -464,7 +473,38 @@ domain("mastodon.social") {
.nothing-here {
box-shadow: none;
}
.emoji-picker-dropdown__menu {
background: @surface1;
color: @text;
* {
border-color: @overlay0;
}
.emoji-mart-anchor-bar {
background: @accent-Color;
}
.emoji-mart-anchor-selected {
color: @accent-Color !important;
}
.emoji-mart-anchor {
color: @surface2;
}
.emoji-mart-search input {
color: @text;
&::placeholder {
color: @text;
}
}
.emoji-mart-bar:first-child {
color: @text;
background: @surface0;
}
.emoji-mart-search, .emoji-mart-scroll, .emoji-mart-category-label span {
color: @text;
background: @surface1;
}
}
.dropdown-menu__arrow:before,
.dropdown-menu__item a,
.dropdown-menu__item button,
@ -600,5 +640,43 @@ domain("mastodon.social") {
.card__bar {
background: @surface0;
}
.reply-indicator {
background: @surface0;
color: @text;
a,
.display-name__html {
color: @accent-Color;
}
}
/* glitch support */
.glitch {
.local-settings__navigation {
background: @base;
.active {
background: @accent-Color;
color: @base;
}
.close {
background: @red;
color: @base;
}
.local-settings__navigation__item {
border-bottom-color: @surface1;
&:not(.active, .close) {
background: @base;
color: @text;
}
}
}
.local-settings, .local-settings__page {
background: @surface0;
color: @text;
span.hint {
color: @subtext0;
}
}
}
}
}