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

edit colors to better fit the catppuccin color scheme guides (#180)

Browse Source 
* edit colors to better fit the catppuccin color scheme guides

the colors of the headerbar did looked off on the mobile view when compared to other apps with catppuccin. this commit aims to fix it

* mastodon: bump version

---------

Co-authored-by: Isabel <71222764+isabelroses@users.noreply.github.com>
This commit is contained in:
A user 2023-08-26 17:52:05 -03:00 committed by GitHub
parent a32a19b6a3
commit f444a8a29b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
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.6 @version 1.1.7
@description Soothing pastel theme for Mastodon @description Soothing pastel theme for Mastodon
@author Catppuccin @author Catppuccin
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css
@ -189,11 +189,20 @@ domain("piaille.fr") {
&, &,
.tabs-bar__wrapper, .tabs-bar__wrapper,
.admin-wrapper .sidebar-wrapper__inner { .admin-wrapper .sidebar-wrapper__inner,
.ui__header{
background: @crust; background: @crust;
color: @text; color: @text;
} }
.ui__header {
border-bottom: none;
}
.navigation-panel {
background: transparent;
}
.account__header__bio .account__header__fields dt { .account__header__bio .account__header__fields dt {
background: transparent; background: transparent;
} }
@ -291,7 +300,6 @@ domain("piaille.fr") {
color: @accent-color; color: @accent-color;
} }
.ui__header,
.column-header, .column-header,
.column-header__button, .column-header__button,
.column-header__back-button, .column-header__back-button,
@ -313,8 +321,8 @@ domain("piaille.fr") {
.account__header__fields dd:not(.account__header__bio .account__header__fields dd), .account__header__fields dd:not(.account__header__bio .account__header__fields dd),
.focusable:focus, .focusable:focus,
.admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected { .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected {
border-color: @mantle; border-color: @crust;
background: @surface1; background: @surface0;
} }
.admin-wrapper .sidebar ul a:hover, .admin-wrapper .sidebar ul a:hover,
@ -426,12 +434,17 @@ domain("piaille.fr") {
background-color: @surface2; background-color: @surface2;
} }
.button.button-secondary {
background-color: transparent;
color: @text;
border-color: @accent-color;
}
.button.button-secondary:active, .button.button-secondary:active,
.button.button-secondary:focus, .button.button-secondary:focus,
.button.button-secondary:hover { .button.button-secondary:hover {
border-color: @accent-color; border-color: @accent-color;
color: @base; color: @base;
transition: .4s; transition: .2s;
} }
.button:active, .button:active,