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

[Build] Run build, remove useless colours

Browse Source
This commit is contained in:
Admin 2025-04-26 15:54:35 +02:00
parent 4aa4bc57b9
commit 8c4af4f817
8 changed files with 52 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
build/helpers/render.js
View File

@ -11,6 +11,7 @@ const build = ( wallpaper, lockpaper, theme ) => {
console.log( '\n=> Extracting colours' ); console.log( '\n=> Extracting colours' );
// Extract colour palette from chosen wallpaper using Color-Thief // Extract colour palette from chosen wallpaper using Color-Thief
colorThief.getPalette( wallpaper ).then( palette => { colorThief.getPalette( wallpaper ).then( palette => {
palette = util.removeUselessColours( palette );
// Define view options (for rendering with mustache) // Define view options (for rendering with mustache)
if ( theme === 'test' ) { if ( theme === 'test' ) {
palette = [ [ 255, 0, 0 ], [ 0, 255, 0 ], [ 0, 0, 255 ] ]; palette = [ [ 255, 0, 0 ], [ 0, 255, 0 ], [ 0, 0, 255 ] ];

19
build/helpers/util.js
View File

@ -57,6 +57,22 @@ const renderColourAsRGBAHex = ( colour, ambiance ) => {
return `rgba(${hexCol}${decimalToHex(ambiance)})`.toLowerCase(); return `rgba(${hexCol}${decimalToHex(ambiance)})`.toLowerCase();
} }
const removeUselessColours = ( palette ) => {
const p = [];
for ( let i = 0; i < palette.length; i++ ) {
const luminance = calculateLuminance( palette[ i ] );
if ( luminance < 215 && luminance > 40 ) {
p.push( palette[ i ] );
}
}
return p;
}
const calculateLuminance = ( colour ) => {
return colour[ 0 ] + colour[ 1 ] + colour[ 2 ] / 3;
}
/* /*
* Replace the colours with variable names * Replace the colours with variable names
@ -149,5 +165,6 @@ module.exports = {
renderColourAsRGBHex, renderColourAsRGBHex,
renderColourAsRGBAHex, renderColourAsRGBAHex,
themePreProcessor, themePreProcessor,
getGradientColour getGradientColour,
removeUselessColours
} }

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

@ -1,5 +1,5 @@
$fg-color: #E6E6E6; $fg-color: #E6E6E6;
$bg-color: #141414; $bg-color: #141414;
$accent-color: #B27BD1; $accent-color: #530519;
$accent-color-2: #5F50A6; $accent-color-2: #32050F;
$shadow-color: rgba(40, 40, 40, 0.3); $shadow-color: rgba(40, 40, 40, 0.3);

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/dark/mountains.jpg
general { general {
col.active_border = rgba(b27bd1cc) rgba(5f50a6cc) rgba(050406cc) 45deg col.active_border = rgba(530519cc) rgba(32050fcc) rgba(70444ccc) 45deg
col.inactive_border = rgb(000000) col.inactive_border = rgb(000000)
} }

4
config/hypr/hyprlock.conf
View File

@ -18,7 +18,7 @@ general {
# └ ┘ # └ ┘
background { background {
monitor = monitor =
path = /home/janis/NextCloud/Wallpapers/arch/arch-simple.jpg # Or screenshot path = /home/janis/NextCloud/Wallpapers/dark/colour-explosion.jpg # Or screenshot
blur_passes = 1 blur_passes = 1
} }
@ -33,7 +33,7 @@ input-field {
dots_size = 0.33 # Scale of input-field height, 0.2 - 0.8 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_spacing = 0.15 # Scale of dots' absolute size, 0.0 - 1.0
dots_center = false dots_center = false
outer_color = rgb(178, 123, 209) outer_color = rgb(83, 5, 25)
inner_color = rgb(200, 200, 200) inner_color = rgb(200, 200, 200)
font_color = rgb(10, 10, 10) font_color = rgb(10, 10, 10)
fade_on_empty = true fade_on_empty = true

6
config/rofi/style.rasi
View File

@ -2,9 +2,9 @@
background: #141414; background: #141414;
background-selected: #1E1E1E; background-selected: #1E1E1E;
foreground: #E6E6E6; foreground: #E6E6E6;
accent: #B27BD1; accent: #530519;
accent-two: #5F50A6; accent-two: #32050F;
// border-color: #050406; // border-color: #70444C;
inactive: #C8C8C8; inactive: #C8C8C8;
spacing: 2; spacing: 2;
width: 30em; width: 30em;

4
config/wlogout/style.css
View File

@ -22,11 +22,11 @@ button {
} }
button:hover { button:hover {
background-color: rgba(95, 80, 166, 0.5); background-color: rgba(50, 5, 15, 0.5);
} }
button:focus { button:focus {
background-color: rgb(178, 123, 209); background-color: rgb(83, 5, 25);
color: rgb(230, 230, 230); color: rgb(230, 230, 230);
} }

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

@ -40,40 +40,40 @@
/* /*
* ── Accent colour ──────────────────────────────────────────────────── * ── Accent colour ────────────────────────────────────────────────────
*/ */
@define-color accent #B27BD1; @define-color accent #530519;
@define-color accent_rgba_05 rgba(178, 123, 209, 0.5); @define-color accent_rgba_05 rgba(83, 5, 25, 0.5);
@define-color accent_rgba_03 rgba(178, 123, 209, 0.3); @define-color accent_rgba_03 rgba(83, 5, 25, 0.3);
@define-color accent_rgba_02 rgba(178, 123, 209, 0.2); @define-color accent_rgba_02 rgba(83, 5, 25, 0.2);
@define-color accent_rgba_015 rgba(178, 123, 209, 0.15); @define-color accent_rgba_015 rgba(83, 5, 25, 0.15);
@define-color accent_rgba_011 rgba(178, 123, 209, 0.11); @define-color accent_rgba_011 rgba(83, 5, 25, 0.11);
@define-color accent_rgba_007 rgba(178, 123, 209, 0.07); @define-color accent_rgba_007 rgba(83, 5, 25, 0.07);
/* /*
* ── Accent Gradient ────────────────────────────────────────────────── * ── Accent Gradient ──────────────────────────────────────────────────
*/ */
@define-color accent_gradient_1 #724F86; @define-color accent_gradient_1 #350310;
@define-color accent_gradient_2 #5B3F6B; @define-color accent_gradient_2 #2A030D;
@define-color accent_gradient_3 #493256; @define-color accent_gradient_3 #22020A;
@define-color accent_gradient_4 #3A2844; @define-color accent_gradient_4 #1B0208;
@define-color accent_gradient_5 #2F2037; @define-color accent_gradient_5 #160107;
@define-color accent_gradient_inverse_1 #FFC0FF; @define-color accent_gradient_inverse_1 #820827;
@define-color accent_gradient_inverse_2 #FFC0FF; @define-color accent_gradient_inverse_2 #820827;
@define-color accent_gradient_inverse_3 #FFC0FF; @define-color accent_gradient_inverse_3 #820827;
/* /*
* ── Secondary accent colour ────────────────────────────────────────── * ── Secondary accent colour ──────────────────────────────────────────
*/ */
@define-color accent2 #5F50A6; @define-color accent2 #32050F;
@define-color accent2_rgba_05 rgba(95, 80, 166, 0.5); @define-color accent2_rgba_05 rgba(50, 5, 15, 0.5);
@define-color accent2_rgba_03 rgba(95, 80, 166, 0.3); @define-color accent2_rgba_03 rgba(50, 5, 15, 0.3);
@define-color accent2_rgba_02 rgba(95, 80, 166, 0.2); @define-color accent2_rgba_02 rgba(50, 5, 15, 0.2);
@define-color accent2_rgba_015 rgba(95, 80, 166, 0.15); @define-color accent2_rgba_015 rgba(50, 5, 15, 0.15);
@define-color accent2_rgba_01 rgba(95, 80, 166, 0.1); @define-color accent2_rgba_01 rgba(50, 5, 15, 0.1);
/* /*
* ── Tertiary accent colour ─────────────────────────────────────────── * ── Tertiary accent colour ───────────────────────────────────────────
*/ */
@define-color accent3 #050406; @define-color accent3 #70444C;
/* /*
* ── Inactive Colour ────────────────────────────────────────────────── * ── Inactive Colour ──────────────────────────────────────────────────