josh
/
nixos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust AGS color palette to fit better

This commit is contained in:
Joshua Yuen 2026-09-12 22:05:58 -04:00
parent 946554d35e
commit 34590ff799
Signed by: josh
GPG Key ID: 530DA0331EFE99F5
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
modules/home/ags/app/style.scss
View File

@ -5,22 +5,22 @@ $radius: 12px; // keep in sync with RADIUS in Bar.tsx
$spacing: 8px; $spacing: 8px;
$padding: 8px; $padding: 8px;
$border-width: 1px; $border-width: 1px;
$border-color: $base02; $border-color: $base03;
$border: $border-width solid $border-color; $border: $border-width solid $border-color;
$transition: 180ms; $transition: 180ms;
$fg: $base05; $fg: $base05;
$primary-bg: $base0D; $primary-bg: $base0D;
$primary-fg: $base00; $primary-fg: $base00;
$widget-bg: transparentize($base02, 0.45); $widget-bg: transparentize($base03, 0.45);
$hover-bg: transparentize($base02, 0.2); $hover-bg: transparentize($base03, 0.2);
$hover-overlay: transparentize($base05, 0.92); $hover-overlay: transparentize($base05, 0.92);
$active-hover: transparentize($primary-bg, 0.15); $active-hover: transparentize($primary-bg, 0.15);
$active-gradient: linear-gradient(to right, $primary-bg, darken($primary-bg, 4%)); $active-gradient: linear-gradient(to right, $primary-bg, darken($primary-bg, 4%));
$toast-bg: transparentize($base02, 0.15); $toast-bg: transparentize($base03, 0.15);
$bar-alpha: 0.7; $bar-alpha: 0.7;
$bar-bg: transparentize($base01, 1 - $bar-alpha); $bar-bg: transparentize($base01, 1 - $bar-alpha);
$module-bg: transparentize($base02, 0.4); $module-bg: transparentize($base03, 0.4);
* { * {
all: unset; all: unset;
@ -134,7 +134,7 @@ $module-bg: transparentize($base02, 0.4);
.dropdown { .dropdown {
background: $base01; background: $base01;
border: $border-width solid transparentize($base02, 0.5); border: $border-width solid transparentize($base03, 0.5);
border-radius: 10px; border-radius: 10px;
padding: 10px 12px; padding: 10px 12px;
color: $fg; color: $fg;
@ -590,7 +590,7 @@ scale {
background-color: $toast-bg; background-color: $toast-bg;
&:hover { &:hover {
background-color: $base02; background-color: $base03;
} }
} }
} }