From baa178a08872fcd10c37103ecc4952a1b31ca261 Mon Sep 17 00:00:00 2001 From: SebastianStork Date: Tue, 14 May 2024 21:20:56 +0200 Subject: [PATCH] Separate rofi color scheme and config --- .../rofi/{dark-config.rasi => config.rasi} | 0 wrappers/rofi/dark.rasi | 8 + wrappers/rofi/default.nix | 7 +- wrappers/rofi/light-config.rasi | 310 ------------------ wrappers/rofi/light.rasi | 8 + 5 files changed, 20 insertions(+), 313 deletions(-) rename wrappers/rofi/{dark-config.rasi => config.rasi} (100%) create mode 100644 wrappers/rofi/dark.rasi delete mode 100644 wrappers/rofi/light-config.rasi create mode 100644 wrappers/rofi/light.rasi diff --git a/wrappers/rofi/dark-config.rasi b/wrappers/rofi/config.rasi similarity index 100% rename from wrappers/rofi/dark-config.rasi rename to wrappers/rofi/config.rasi diff --git a/wrappers/rofi/dark.rasi b/wrappers/rofi/dark.rasi new file mode 100644 index 0000000..593f2e5 --- /dev/null +++ b/wrappers/rofi/dark.rasi @@ -0,0 +1,8 @@ +* { + background: #1E2127FF; + background-alt: #282B31FF; + foreground: #FFFFFFFF; + selected: #61AFEFFF; + active: #98C379FF; + urgent: #E06C75FF; +} \ No newline at end of file diff --git a/wrappers/rofi/default.nix b/wrappers/rofi/default.nix index ca1d7b4..feb3731 100644 --- a/wrappers/rofi/default.nix +++ b/wrappers/rofi/default.nix @@ -8,12 +8,13 @@ assembleWrapper { basePackage = pkgs.rofi-wayland; flags = let - rofi-config = + color-file = { - dark = ./dark-config.rasi; - light = ./light-config.rasi; + dark = ./dark.rasi; + light = ./light.rasi; } .${theme}; + rofi-config = pkgs.concatText "rofi-config" [./config.rasi color-file]; in [ "-config" rofi-config diff --git a/wrappers/rofi/light-config.rasi b/wrappers/rofi/light-config.rasi deleted file mode 100644 index 45bbdb4..0000000 --- a/wrappers/rofi/light-config.rasi +++ /dev/null @@ -1,310 +0,0 @@ -* { - background: #F1F1F1FF; - background-alt: #E0E0E0FF; - foreground: #252525FF; - selected: #008EC4FF; - active: #10A778FF; - urgent: #C30771FF; -} - -/*****----- Configuration -----*****/ -configuration { - modi: "drun,run,filebrowser,window"; - show-icons: true; - display-drun: "󰀻"; - display-run: ""; - display-filebrowser: ""; - display-window: ""; - drun-display-format: "{name}"; - window-format: "{w} · {c} · {t}"; -} - -/*****----- Global Properties -----*****/ -* { - font: "Open Sans 12, Symbols Nerd Font Mono 12"; -} - -* { - border-colour: var(selected); - handle-colour: var(selected); - background-colour: var(background); - foreground-colour: var(foreground); - alternate-background: var(background-alt); - normal-background: var(background); - normal-foreground: var(foreground); - urgent-background: var(urgent); - urgent-foreground: var(background); - active-background: var(active); - active-foreground: var(background); - selected-normal-background: var(selected); - selected-normal-foreground: var(background); - selected-urgent-background: var(active); - selected-urgent-foreground: var(background); - selected-active-background: var(urgent); - selected-active-foreground: var(background); - alternate-normal-background: var(background); - alternate-normal-foreground: var(foreground); - alternate-urgent-background: var(urgent); - alternate-urgent-foreground: var(background); - alternate-active-background: var(active); - alternate-active-foreground: var(background); -} - -/*****----- Main Window -----*****/ -window { - /* properties for window widget */ - transparency: "real"; - location: center; - anchor: center; - fullscreen: false; - width: 600px; - x-offset: 0px; - y-offset: 0px; - - /* properties for all widgets */ - enabled: true; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - cursor: "default"; - /* Backgroud Colors */ - background-color: @background-colour; - /* Backgroud Image */ - //background-image: url("/path/to/image.png", none); - /* Simple Linear Gradient */ - //background-image: linear-gradient(red, orange, pink, purple); - /* Directional Linear Gradient */ - //background-image: linear-gradient(to bottom, pink, yellow, magenta); - /* Angle Linear Gradient */ - //background-image: linear-gradient(45, cyan, purple, indigo); -} - -/*****----- Main Box -----*****/ -mainbox { - enabled: true; - spacing: 10px; - margin: 0px; - padding: 30px; - border: 0px solid; - border-radius: 0px 0px 0px 0px; - border-color: @border-colour; - background-color: transparent; - children: [ "inputbar", "message", "listview" ]; -} - -/*****----- Inputbar -----*****/ -inputbar { - enabled: true; - spacing: 10px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; - children: [ "textbox-prompt-colon", "entry", "mode-switcher" ]; -} - -prompt { - enabled: true; - background-color: inherit; - text-color: inherit; -} -textbox-prompt-colon { - enabled: true; - padding: 5px 0px; - expand: false; - str: ""; - background-color: inherit; - text-color: inherit; -} -entry { - enabled: true; - padding: 5px 0px; - background-color: inherit; - text-color: inherit; - cursor: text; - placeholder: "Search..."; - placeholder-color: inherit; -} -num-filtered-rows { - enabled: true; - expand: false; - background-color: inherit; - text-color: inherit; -} -textbox-num-sep { - enabled: true; - expand: false; - str: "/"; - background-color: inherit; - text-color: inherit; -} -num-rows { - enabled: true; - expand: false; - background-color: inherit; - text-color: inherit; -} -case-indicator { - enabled: true; - background-color: inherit; - text-color: inherit; -} - -/*****----- Listview -----*****/ -listview { - enabled: true; - columns: 1; - lines: 8; - cycle: true; - dynamic: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - - spacing: 5px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; - cursor: "default"; -} -scrollbar { - handle-width: 5px ; - handle-color: @handle-colour; - border-radius: 10px; - background-color: @alternate-background; -} - -/*****----- Elements -----*****/ -element { - enabled: true; - spacing: 10px; - margin: 0px; - padding: 5px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; - cursor: pointer; -} -element normal.normal { - background-color: var(normal-background); - text-color: var(normal-foreground); -} -element normal.urgent { - background-color: var(urgent-background); - text-color: var(urgent-foreground); -} -element normal.active { - background-color: var(active-background); - text-color: var(active-foreground); -} -element selected.normal { - background-color: var(selected-normal-background); - text-color: var(selected-normal-foreground); -} -element selected.urgent { - background-color: var(selected-urgent-background); - text-color: var(selected-urgent-foreground); -} -element selected.active { - background-color: var(selected-active-background); - text-color: var(selected-active-foreground); -} -element alternate.normal { - background-color: var(alternate-normal-background); - text-color: var(alternate-normal-foreground); -} -element alternate.urgent { - background-color: var(alternate-urgent-background); - text-color: var(alternate-urgent-foreground); -} -element alternate.active { - background-color: var(alternate-active-background); - text-color: var(alternate-active-foreground); -} -element-icon { - background-color: transparent; - text-color: inherit; - size: 24px; - cursor: inherit; -} -element-text { - background-color: transparent; - text-color: inherit; - highlight: inherit; - cursor: inherit; - vertical-align: 0.5; - horizontal-align: 0.0; -} - -/*****----- Mode Switcher -----*****/ -mode-switcher{ - enabled: true; - spacing: 10px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; -} -button { - padding: 5px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @alternate-background; - text-color: inherit; - cursor: pointer; -} -button selected { - background-color: var(selected-normal-background); - text-color: var(selected-normal-foreground); -} - -/*****----- Message -----*****/ -message { - enabled: true; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px 0px 0px 0px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; -} -textbox { - padding: 8px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @alternate-background; - text-color: @foreground-colour; - vertical-align: 0.5; - horizontal-align: 0.0; - highlight: none; - placeholder-color: @foreground-colour; - blink: true; - markup: true; -} -error-message { - padding: 10px; - border: 2px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @background-colour; - text-color: @foreground-colour; -} \ No newline at end of file diff --git a/wrappers/rofi/light.rasi b/wrappers/rofi/light.rasi new file mode 100644 index 0000000..c3a8f1a --- /dev/null +++ b/wrappers/rofi/light.rasi @@ -0,0 +1,8 @@ +* { + background: #F1F1F1FF; + background-alt: #E0E0E0FF; + foreground: #252525FF; + selected: #008EC4FF; + active: #10A778FF; + urgent: #C30771FF; +} \ No newline at end of file