janishutz/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

[Astal] Prepare for reloadable style

Browse Source
This commit is contained in:
Janis Hutz
2026-01-09 16:04:51 +01:00
parent c2cd216dac
commit 11767c3009
7 changed files with 38 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
config/astal/app.ts
View File

@@ -93,8 +93,13 @@ App.start( {
res( 'No controllable screen available' );
}
} catch ( e ) {
print( e );
res( 'Error running brightness change' );
}
} else if ( args[ 0 ] === 'reload-style' ) {
res( 'Reloading style sheets' );
App.apply_css( '', true );
// TODO: Compile scss and then load it
}
// } else if ( args[ 0 ] === 'launcher' ) {
// if ( args[ 1 ] === 'show' ) {

4
config/astal/util/colours.scss
View File

@@ -1,6 +1,6 @@
$fg-color: #C8DCFF;
$bg-color: #0A0A0F;
$accent-color: #591641;
$accent-color-2: #97103A;
$accent-color: #465B4E;
$accent-color-2: #324E12;
$shadow-color: rgba(0, 0, 2, 0.3);
$monospace-font: Source Code Pro

4
config/hypr/hyprland/colors.conf
View File

@@ -4,10 +4,10 @@
# ╰────────────────────────────────────────────────╯
# ────────────────────────────────────────────────────────────────────
exec = swaybg -m fill -i /home/janis/NextCloud/Wallpapers/dark/colour-explosion.jpg
exec = swaybg -m fill -i /home/janis/NextCloud/Wallpapers/hypercar/peugeot_9x8.jpg
general {
col.active_border = rgba(591641cc) rgba(97103acc) rgba(2d2057cc) 45deg
col.active_border = rgba(465b4ecc) rgba(324e12cc) rgba(19301ecc) 45deg
col.inactive_border = rgb(000000)
}

4
config/hypr/hyprlock.conf
View File

@@ -14,7 +14,7 @@
# └ ┘
background {
monitor =
path = /home/janis/NextCloud/Wallpapers/dark/mountains.jpg # Or screenshot
path = /home/janis/NextCloud/Wallpapers/hypercar/ferrari_499p-closeup.jpg # Or screenshot
blur_passes = 1
}
@@ -29,7 +29,7 @@ input-field {
dots_size = 0.33 # Scale of input-field height, 0.2 - 0.8
dots_spacing = 0.15 # Scale of dots' absolute size, 0.0 - 1.0
dots_center = false
outer_color = rgb(89, 22, 65)
outer_color = rgb(70, 91, 78)
inner_color = rgb(200, 200, 200)
font_color = rgb(10, 10, 10)
fade_on_empty = true

6
config/rofi/style.rasi
View File

@@ -2,9 +2,9 @@
background: #0A0A0F;
background-selected: #141419;
foreground: #C8DCFF;
accent: #591641;
accent-two: #97103A;
// border-color: #2D2057;
accent: #465B4E;
accent-two: #324E12;
// border-color: #19301E;
inactive: #C8C8C8;
spacing: 2;
width: 30em;

4
config/wlogout/style.css
View File

@@ -22,11 +22,11 @@ button {
}
button:hover {
background-color: rgba(151, 16, 58, 0.5);
background-color: rgba(50, 78, 18, 0.5);
}
button:focus {
background-color: rgb(151, 16, 58);
background-color: rgb(50, 78, 18);
color: rgb(200, 220, 255);
}

44
gtk-theme/dist/colours.css vendored
View File

@@ -40,40 +40,40 @@
/*
* ── Accent colour ────────────────────────────────────────────────────
*/
@define-color accent #591641;
@define-color accent_rgba_05 rgba(89, 22, 65, 0.5);
@define-color accent_rgba_03 rgba(89, 22, 65, 0.3);
@define-color accent_rgba_02 rgba(89, 22, 65, 0.2);
@define-color accent_rgba_015 rgba(89, 22, 65, 0.15);
@define-color accent_rgba_011 rgba(89, 22, 65, 0.11);
@define-color accent_rgba_007 rgba(89, 22, 65, 0.07);
@define-color accent #465B4E;
@define-color accent_rgba_05 rgba(70, 91, 78, 0.5);
@define-color accent_rgba_03 rgba(70, 91, 78, 0.3);
@define-color accent_rgba_02 rgba(70, 91, 78, 0.2);
@define-color accent_rgba_015 rgba(70, 91, 78, 0.15);
@define-color accent_rgba_011 rgba(70, 91, 78, 0.11);
@define-color accent_rgba_007 rgba(70, 91, 78, 0.07);
/*
* ── Accent Gradient ──────────────────────────────────────────────────
*/
@define-color accent_gradient_1 #481235;
@define-color accent_gradient_2 #41102F;
@define-color accent_gradient_3 #3A0E2B;
@define-color accent_gradient_4 #350D26;
@define-color accent_gradient_5 #2F0C23;
@define-color accent_gradient_inverse_1 #6E1B50;
@define-color accent_gradient_inverse_2 #6E1B50;
@define-color accent_gradient_inverse_3 #6E1B50;
@define-color accent_gradient_1 #394A3F;
@define-color accent_gradient_2 #334239;
@define-color accent_gradient_3 #2E3C33;
@define-color accent_gradient_4 #29362E;
@define-color accent_gradient_5 #253029;
@define-color accent_gradient_inverse_1 #567060;
@define-color accent_gradient_inverse_2 #567060;
@define-color accent_gradient_inverse_3 #567060;
/*
* ── Secondary accent colour ──────────────────────────────────────────
*/
@define-color accent2 #97103A;
@define-color accent2_rgba_05 rgba(151, 16, 58, 0.5);
@define-color accent2_rgba_03 rgba(151, 16, 58, 0.3);
@define-color accent2_rgba_02 rgba(151, 16, 58, 0.2);
@define-color accent2_rgba_015 rgba(151, 16, 58, 0.15);
@define-color accent2_rgba_01 rgba(151, 16, 58, 0.1);
@define-color accent2 #324E12;
@define-color accent2_rgba_05 rgba(50, 78, 18, 0.5);
@define-color accent2_rgba_03 rgba(50, 78, 18, 0.3);
@define-color accent2_rgba_02 rgba(50, 78, 18, 0.2);
@define-color accent2_rgba_015 rgba(50, 78, 18, 0.15);
@define-color accent2_rgba_01 rgba(50, 78, 18, 0.1);
/*
* ── Tertiary accent colour ───────────────────────────────────────────
*/
@define-color accent3 #2D2057;
@define-color accent3 #19301E;
/*
* ── Inactive Colour ──────────────────────────────────────────────────