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

fix(bstats): various fixes (#218)

Browse Source 
* fix: wrong color of (plugin) delete button

* fix: wrong colors in custom chart creation menu

* fix: themed the "Load full data" button
This commit is contained in:
rockquiet 2023-09-22 19:50:31 +02:00 committed by GitHub
parent 7963027820
commit 33aad6b677
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 95 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
styles/bstats/catppuccin.user.css
View File

@ -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;