Style: Add warp scss module

Jas-SinghFSU · Dec 23, 2024 · 5abb96e · 5abb96e
1 parent dfb4c62
commit 5abb96e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/src/options.ts b/src/options.ts
@@ -398,10 +398,10 @@ const options = mkOptions(CONFIG, {
                     warp: {
                         enableBorder: opt(false),
                         border: opt(colors.yellow),
-                        background: opt(colors.base),
+                        background: opt(colors.base2),
                         text: opt(colors.yellow),
                         icon: opt(colors.yellow),
-                        icon_background: opt(colors.base),
+                        icon_background: opt(colors.base2),
                         spacing: opt('0.45em'),
                     }
                 },

diff --git a/src/scss/style/bar/style.scss b/src/scss/style/bar/style.scss
@@ -448,3 +448,25 @@
     // custom font size
     1.075em //
 );
+
+@include styleModule(
+    //
+    // class name
+    'warp',
+    // label color
+    $bar-buttons-modules-warp-text,
+    // icon color
+    $bar-buttons-modules-warp-icon,
+    // icon background if split style is used
+    $bar-buttons-modules-warp-icon_background,
+    // label background
+    $bar-buttons-modules-warp-background,
+    // inner spacing
+    $bar-buttons-modules-warp-spacing,
+    // if border enabled
+    $bar-buttons-modules-warp-enableBorder,
+    // border color
+    $bar-buttons-modules-warp-border,
+    // custom font size
+    1.075em //
+);