diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index fb6b75dd30..546b2ab89a 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -2,7 +2,7 @@ @name Last.fm Catppuccin @namespace github.com/catppuccin/userstyles/styles/lastfm @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lastfm -@version 1.1.6 +@version 1.1.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alastfm @description Soothing pastel theme for Last.fm @@ -161,8 +161,21 @@ -webkit-mask-repeat: @mask-repeat; } } - - /* -----------CHECKBOXES AND RADIOS---------- */ + /* -----------------SETTINGS------------------- */ + .content-form .form-row-help-text, + .footnotes { + color: @overlay0; + } + .content-form legend { + color: @subtext1; + } + .change-username-upsell { + background: @mantle; + } + .change-username-faded h2::after { + .mask-image(url("/static/images/icons/lock_dark_24@2x.a7652d49d507.png"), @overlay0, skip, 24px 24px, no-repeat); + } + /* -----------CHECKBOXES, DROPDOWNS AND RADIOS---------- */ .lfm-form-radio input[type="radio"]:checked + label::before { border-color: @accent-color; box-shadow: inset 0 0 0 4px @accent-color; @@ -172,6 +185,9 @@ background-color: @crust; border-color: @surface1; } + .content-form select { + background-image: none; // Tempfix + } /* HOME PAGE */ .main-content, @@ -1200,16 +1216,16 @@ input[type="url"], select, textarea { - background-color: @crust; - border-color: @crust; - color: @subtext0; + background-color: @crust !important; + border-color: @crust !important; + color: @subtext0 !important; &:focus { - box-shadow: none; - border-color: @crust; + box-shadow: none !important; + border-color: @crust !important; } &:hover:not([disabled]) { - border-color: @crust; - color: @text; + border-color: @crust !important; + color: @text !important; } } } @@ -1435,15 +1451,22 @@ } .auth-dropdown-menu { background-color: @base !important; + box-shadow: 0 1px 10px rgba(0,0,0,.3), 0 0 0 1px @surface1 !important; } .auth-dropdown-menu-item { color: @text !important; } .auth-dropdown-menu-item:hover, .auth-dropdown-menu-item:active { - background-color: @overlay0 !important; + background-color: @surface0 !important; color: @text !important; } + .auth-dropdown-menu::before, + .js .auth-dropdown-menu::before, + .site-auth:focus .auth-dropdown-menu::before, + .site-auth:hover .auth-dropdown-menu::before { + .mask-image(url("/static/images/dropdown_arrow_dark@2x.7b7cfaa4e8ee.png"), @surface1, skip, 36px 18px, no-repeat); + } .masthead-nav .masthead-nav-control, .masthead-nav .navlist-more, .site-auth-control {