diff --git a/styles/bstats/catppuccin.user.css b/styles/bstats/catppuccin.user.css index dc3fc61..39806de 100644 --- a/styles/bstats/catppuccin.user.css +++ b/styles/bstats/catppuccin.user.css @@ -2,7 +2,7 @@ @name bStats Catppuccin @namespace github.com/catppuccin/userstyles/styles/bstats @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bstats -@version 0.2.0 +@version 0.2.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.css @description Soothing pastel theme for bStats @author Catppuccin @@ -287,6 +287,9 @@ .red-text { color: @red !important; } + .red { + background-color: @red; + } /* discord logo on homepage */ img[src="/images/discord.svg"] when (@flavor=latte) { @@ -329,7 +332,7 @@ background-color: fade(@surface2, 5%); } - .input-field .active { + .input-field label { color: @accent-color !important; } /* search unfocused */ @@ -366,6 +369,36 @@ border-bottom: 1px solid @accent-color; box-shadow: 0 1px 0 0 @accent-color; } + /* valid input */ + input:not([type]).valid, + input:not([type]):focus.valid, + input[type="text"].valid, + input[type="text"]:focus.valid, + input[type="password"].valid, + input[type="password"]:focus.valid, + input[type="email"].valid, + input[type="email"]:focus.valid, + input[type="url"].valid, + input[type="url"]:focus.valid, + input[type="time"].valid, + input[type="time"]:focus.valid, + input[type="date"].valid, + input[type="date"]:focus.valid, + input[type="datetime"].valid, + input[type="datetime"]:focus.valid, + input[type="datetime-local"].valid, + input[type="datetime-local"]:focus.valid, + input[type="tel"].valid, + input[type="tel"]:focus.valid, + input[type="number"].valid, + input[type="number"]:focus.valid, + input[type="search"].valid, + input[type="search"]:focus.valid, + textarea.materialize-textarea.valid, + textarea.materialize-textarea:focus.valid { + border-bottom: 1px solid @green; + box-shadow: 0 1px 0 0 @green; + } .teal-text, .teal-text.text-darken-2, @@ -392,13 +425,15 @@ [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], - .btn-flat[disabled] { + .btn-flat[disabled], + .btn-large.red[disabled], + .btn-large.red.disabled[id="delete_button"] { background-color: @mantle !important; color: @subtext0 !important; } - - .btn-large.red { - background-color: darken(@red, 30%) !important; + .btn-large.red[id="delete_button"] { + color: @mantle !important; + background-color: @red !important; } .card { @@ -439,7 +474,7 @@ } .divider { - background-color: @overlay2; + background-color: @surface1; } .caret { color: @overlay1 !important; @@ -453,12 +488,51 @@ } } .switch label input[type="checkbox"]:checked + .lever { - background-color: desaturate(darken(@accent-color, 30%), 50%); + background-color: desaturate(darken(@accent-color, 25%), 50%); + & when (@flavor=latte) { + background-color: desaturate(lighten(@accent-color, 12%), 30%); + } &::after { background-color: @accent-color; } } + /* custom chart filter data */ + .chip { + color: @text; + background-color: @surface1; + } + .chips .chip.selected { + background-color: @accent-color; + color: @base; + } + .chips.focus { + border-bottom: 1px solid @accent-color; + box-shadow: 0 1px 0 0 @accent-color; + } + .chips .input { + color: @text; + } + input:not([type]), + input[type="text"], + input[type="password"], + input[type="email"], + input[type="url"], + input[type="time"], + input[type="date"], + input[type="datetime"], + input[type="datetime-local"], + input[type="tel"], + input[type="number"], + input[type="search"], + textarea.materialize-textarea { + border-bottom: 1px solid @overlay2; + box-shadow: 1 1px 0 0 @overlay2 !important; + } + input[placeholder="Add an other value"] { + border-bottom: 0px solid @overlay2 !important; + } + /* HIGHCHARTS "let's hope this does'nt break"-section */ /* all the charts */ .highcharts-graph when (@graphUseAccentColor=1) { @@ -613,6 +687,19 @@ stroke: @surface0 !important; } + /* "Load full data" button */ + .highcharts-menu { + background: @surface0 !important; + border: 1px solid @surface1 !important; + box-shadow: @mantle 3px 3px 10px !important; + } + .highcharts-menu-item { + color: @text !important; + &:hover { + color: @base !important; + background: @accent-color !important; + } + } /* pie text "shadow" */ .highcharts-text-outline { stroke: @mantle;