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

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

@ -2,7 +2,7 @@
@name Mastodon Catppuccin @name Mastodon Catppuccin
@namespace github.com/catppuccin/userstyles/styles/mastodon @namespace github.com/catppuccin/userstyles/styles/mastodon
@homepageURL https://github.com/catppuccin/userstyles/tree/main/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 @description Soothing pastel theme for Mastodon
@author Catppuccin @author Catppuccin
@updateURL https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css @updateURL https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css
@ -241,7 +241,7 @@ domain("mastodon.social") {
.getting-started__trends h4, .getting-started__trends h4,
.trends__item__name span, .trends__item__name span,
.story { .story {
border-color: @subtext0; border-color: @surface0;
} }
.account__header__tabs__name h1, .account__header__tabs__name h1,
@ -380,6 +380,14 @@ domain("mastodon.social") {
color: @accent-Color; 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:focus,
.button.button-tertiary:hover, .button.button-tertiary:hover,
.button.button-tertiary:active { .button.button-tertiary:active {
@ -453,6 +461,7 @@ domain("mastodon.social") {
background-color: @mantle; background-color: @mantle;
} }
.character-counter { .character-counter {
color: @subtext0; color: @subtext0;
} }
@ -465,6 +474,37 @@ domain("mastodon.social") {
box-shadow: none; 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__arrow:before,
.dropdown-menu__item a, .dropdown-menu__item a,
.dropdown-menu__item button, .dropdown-menu__item button,
@ -600,5 +640,43 @@ domain("mastodon.social") {
.card__bar { .card__bar {
background: @surface0; 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;
}
}
}
} }
} }