stylix(forge): add forge styling

brckd · Sep 24, 2024 · 6e00786 · 6e00786
1 parent e3d9981
commit 6e00786
Show file tree

Hide file tree

Showing 3 changed files with 160 additions and 0 deletions.
diff --git a/modules/home/stylix/default.nix b/modules/home/stylix/default.nix
@@ -8,6 +8,8 @@
 with lib; let
   cfg = config.stylix;
 in {
+  imports = [./forge];
+
   config = mkIf cfg.enable {
     stylix = {
       image = wallpaper;

diff --git a/modules/home/stylix/forge/default.nix b/modules/home/stylix/forge/default.nix
@@ -0,0 +1,18 @@
+{
+  config,
+  lib,
+  ...
+}:
+with lib; let
+  cfg = config.stylix.targets.forge;
+in {
+  options.stylix.targets.forge.enable =
+    config.lib.stylix.mkEnableTarget "Forge Gnome extension" true;
+
+  config = mkIf (config.stylix.enable && cfg.enable) {
+    xdg.configFile."forge/stylesheet/forge/stylesheet.css".source = config.lib.stylix.colors {
+      template = ./stylesheet.css.mustache;
+      extension = ".css";
+    };
+  };
+}
diff --git a/modules/home/stylix/forge/stylesheet.css.mustache b/modules/home/stylix/forge/stylesheet.css.mustache
@@ -0,0 +1,140 @@
+.tiled {
+  color: #{{base0D-hex}};
+  opacity: 1;
+  border-width: 3px;
+}
+
+.split {
+  color: #{{base08-hex}};
+  opacity: 1;
+  border-width: 3px;
+}
+
+.stacked {
+  color: #{{base0D-hex}};
+  opacity: 1;
+  border-width: 3px;
+}
+
+.tabbed {
+  color: #{{base0D-hex}};
+  opacity: 1;
+  border-width: 3px;
+}
+
+.floated {
+  color: #{{base0D-hex}};
+  border-width: 3px;
+  opacity: 1;
+}
+
+.window-tiled-border {
+  border-width: 3px;
+  border-color: #{{base0D-hex}};
+  border-style: solid;
+  border-radius: 14px;
+}
+
+.window-split-border {
+  border-width: 3px;
+  border-color: #{{base08-hex}};
+  border-style: solid;
+  border-radius: 14px;
+}
+
+.window-split-horizontal {
+  border-left-width: 0;
+  border-top-width: 0;
+  border-bottom-width: 0;
+}
+
+.window-split-vertical {
+  border-left-width: 0;
+  border-top-width: 0;
+  border-right-width: 0;
+}
+
+.window-stacked-border {
+  border-width: 3px;
+  border-color: #{{base0D-hex}};
+  border-style: solid;
+  border-radius: 14px;
+}
+
+.window-tabbed-border {
+  border-width: 3px;
+  border-color: #{{base0D-hex}};
+  border-style: solid;
+  border-radius: 14px;
+}
+
+.window-tabbed-bg {
+  border-radius: 8px;
+}
+
+.window-tabbed-tab {
+  background-color: rgba(54, 47, 45, 1);
+  border-color: #{{base0D-hex}}9A;
+  border-width: 1px;
+  border-radius: 8px;
+  color: white;
+  margin: 1px;
+  box-shadow: 0 0 0 1px rgba(1px 0, 0, 0, 0.2);
+}
+
+.window-tabbed-tab-active {
+  background-color: #{{base0D-hex}};
+  color: black;
+  box-shadow: 0 0 0 1px rgba(1px 0, 0, 0, 0.2);
+}
+
+.window-tabbed-tab-close {
+  padding: 3px;
+  margin: 4px;
+  border-radius: 16px;
+  width: 16px;
+  background-color: #{{base08-hex}};
+}
+
+.window-tabbed-tab-icon {
+  margin: 3px;
+}
+
+.window-floated-border {
+  border-width: 3px;
+  border-color: #{{base0D-hex}};
+  border-style: solid;
+  border-radius: 14px;
+}
+
+.window-tilepreview-tiled {
+  border-width: 1px;
+  border-color: #{{base0D-hex}}4D;
+  border-style: solid;
+  border-radius: 14px;
+  background-color: #{{base0D-hex}}33;
+}
+
+.window-tilepreview-stacked {
+  border-width: 1px;
+  border-color: #{{base0D-hex}}66;
+  border-style: solid;
+  border-radius: 14px;
+  background-color: #{{base0D-hex}}4D;
+}
+
+.window-tilepreview-swap {
+  border-width: 1px;
+  border-color: #{{base0D-hex}}4D;
+  border-style: solid;
+  border-radius: 14px;
+  background-color: #{{base0D-hex}}4D;
+}
+
+.window-tilepreview-tabbed {
+  border-width: 1px;
+  border-color: #{{base0D-hex}}4D;
+  border-style: solid;
+  border-radius: 14px;
+  background-color: #{{base0D-hex}}4D;
+}