fix(bstats): various fixes (#218)

* fix: wrong color of (plugin) delete button

* fix: wrong colors in custom chart creation menu

* fix: themed the "Load full data" button

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[id="delete_button"] {
-    .btn-large.red {
+      color: @mantle !important;
-      background-color: darken(@red, 30%) !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;