[Build] Prepare for improved rendering capbilities
This commit is contained in:
4
renderable/astal/util/colours.scss
Normal file
4
renderable/astal/util/colours.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
$fg-color: {{ colour-foreground-hex }};
|
||||
$bg-color: {{ colour-background-hex }};
|
||||
$accent-color: {{ colour-accent-hex }};
|
||||
$accent-color-2: {{ colour-accent-2-hex }};
|
16
renderable/hypr/hyprland/colors.conf
Normal file
16
renderable/hypr/hyprland/colors.conf
Normal file
@@ -0,0 +1,16 @@
|
||||
# ────────────────────────────────────────────────────────────────────
|
||||
# ╭────────────────────────────────────────────────╮
|
||||
# │ COLOURS │
|
||||
# ╰────────────────────────────────────────────────╯
|
||||
# ────────────────────────────────────────────────────────────────────
|
||||
|
||||
general {
|
||||
col.active_border = {{ colour-accent-rgb }} {{ colour-accent-2-rgb }} {{ colour-accent-3-rgb }} 45deg
|
||||
col.inactive_border = {{ colour-inactive-rgb }}
|
||||
}
|
||||
|
||||
decoration {
|
||||
shadow {
|
||||
color = {{ shadow_colour }}
|
||||
}
|
||||
}
|
100
renderable/hypr/hyprlock.conf
Normal file
100
renderable/hypr/hyprlock.conf
Normal file
@@ -0,0 +1,100 @@
|
||||
#░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
|
||||
#░ ░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░
|
||||
#▒ ▒▒▒▒ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒▒▒▒▒▒▒▒▒ ▒▒▒ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒▒ ▒▒▒▒▒▒▒▒▒
|
||||
#▒ ▒▒▒▒ ▒ ▒▒▒ ▒ ▒ ▒▒▒ ▒ ▒ ▒▒▒▒ ▒▒▒▒▒▒▒▒ ▒ ▒▒ ▒▒▒▒▒▒▒ ▒▒▒▒▒▒▒▒▒▒▒ ▒▒▒▒▒ ▒ ▒▒▒ ▒ ▒▒▒▒▒▒▒ ▒▒
|
||||
#▓ ▓▓ ▓ ▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓ ▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓▓ ▓▓ ▓▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓ ▓▓
|
||||
#▓ ▓▓▓▓ ▓▓▓▓ ▓▓▓ ▓▓▓ ▓▓ ▓▓▓▓ ▓ ▓▓▓▓ ▓ ▓▓▓▓▓ ▓▓▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓ ▓▓▓▓ ▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓ ▓▓▓
|
||||
#▓ ▓▓▓▓ ▓▓▓▓▓ ▓▓▓ ▓ ▓▓▓ ▓▓▓▓ ▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓ ▓▓▓▓▓▓▓▓▓ ▓▓▓ ▓▓ ▓▓ ▓▓▓ ▓▓ ▓▓▓ ▓▓▓▓ ▓ ▓
|
||||
#█ ████ ████ ████ ██████ ████ ████ ████████ █ ██ ██████████ ██████ █████ ██ ███ ████ █████ █
|
||||
#██████████████ █████ ███████████████████████████████████████████████████████████████████████████████████████████████████ ██
|
||||
|
||||
|
||||
general {
|
||||
grace = 15
|
||||
}
|
||||
|
||||
# ┌ ┐
|
||||
# │ BACKGROUND │
|
||||
# └ ┘
|
||||
background {
|
||||
monitor =
|
||||
path = {{ lockpaper-path }} # Or screenshot
|
||||
|
||||
blur_passes = 1
|
||||
}
|
||||
|
||||
# ┌ ┐
|
||||
# │ PASSWORD INPUT │
|
||||
# └ ┘
|
||||
input-field {
|
||||
monitor =
|
||||
size = 300, 40
|
||||
outline_thickness = 3
|
||||
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 = {{ colour-accent-rgb }}
|
||||
inner_color = rgb(200, 200, 200)
|
||||
font_color = rgb(10, 10, 10)
|
||||
fade_on_empty = true
|
||||
placeholder_text = <i>Input Password...</i> # Text rendered in the input box when it's empty.
|
||||
hide_input = false
|
||||
|
||||
position = 0, -80
|
||||
halign = center
|
||||
valign = center
|
||||
}
|
||||
|
||||
label {
|
||||
monitor =
|
||||
text = <b>$TIME</b>
|
||||
color = {{ colour-primary-rgb }}
|
||||
font_size = 100
|
||||
font_family = {{ font-primary }}
|
||||
|
||||
position = 0, 80
|
||||
halign = center
|
||||
valign = center
|
||||
}
|
||||
|
||||
label {
|
||||
monitor =
|
||||
text = $LAYOUT
|
||||
color = rgba(200, 200, 200, 1.0)
|
||||
font_size = 12
|
||||
font_family = {{ font-primary }}
|
||||
|
||||
position = 0, 0
|
||||
halign = right
|
||||
valign = bottom
|
||||
}
|
||||
|
||||
label {
|
||||
monitor =
|
||||
text = $USER
|
||||
color = rgba(200, 200, 200, 1.0)
|
||||
font_size = 12
|
||||
font_family = {{ font-primary }}
|
||||
|
||||
position = 0, 0
|
||||
halign = left
|
||||
valign = bottom
|
||||
shadow_passes = 3
|
||||
}
|
||||
|
||||
label {
|
||||
monitor =
|
||||
text = <i>Failed attempts: $ATTEMPTS</i>
|
||||
color = rgba(200, 0, 0, 1.0)
|
||||
font_size = 12
|
||||
font_family = {{ font-accent }}
|
||||
|
||||
position = 0, 20
|
||||
halign = center
|
||||
valign = bottom
|
||||
shadow_passes = 3
|
||||
shadow_size = 5
|
||||
shadow_boost = 3
|
||||
shadow_color = rgb(255,255,255)
|
||||
}
|
||||
|
0
renderable/wlogout/layout
Normal file
0
renderable/wlogout/layout
Normal file
65
renderable/wlogout/style.css
Normal file
65
renderable/wlogout/style.css
Normal file
@@ -0,0 +1,65 @@
|
||||
/*
|
||||
* ╭───────────────────────────────────────────────╮
|
||||
* │ WLOGOUT │
|
||||
* ╰───────────────────────────────────────────────╯
|
||||
*/
|
||||
window {
|
||||
font-family: monospace;
|
||||
font-size: 14pt;
|
||||
color: #ffffff; /* text */
|
||||
background-color: {{ colour-background-rgba }};
|
||||
}
|
||||
|
||||
button {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 25%;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
margin: 5px;
|
||||
transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: rgba(0, 94, 31, 0.2);
|
||||
}
|
||||
|
||||
button:focus {
|
||||
background-color: {{ colour-accent-rgb }};
|
||||
color: {{ colour-primary-rgb }};
|
||||
}
|
||||
|
||||
#lock {
|
||||
background-image: image(url("./lock.png"));
|
||||
}
|
||||
#lock:focus {
|
||||
background-image: image(url("./lock-hover.png"));
|
||||
}
|
||||
|
||||
#logout {
|
||||
background-image: image(url("./logout.png"));
|
||||
}
|
||||
#logout:focus {
|
||||
background-image: image(url("./logout-hover.png"));
|
||||
}
|
||||
|
||||
#suspend {
|
||||
background-image: image(url("./sleep.png"));
|
||||
}
|
||||
#suspend:focus {
|
||||
background-image: image(url("./sleep-hover.png"));
|
||||
}
|
||||
|
||||
#shutdown {
|
||||
background-image: image(url("./power.png"));
|
||||
}
|
||||
#shutdown:focus {
|
||||
background-image: image(url("./power-hover.png"));
|
||||
}
|
||||
|
||||
#reboot {
|
||||
background-image: image(url("./restart.png"));
|
||||
}
|
||||
#reboot:focus {
|
||||
background-image: image(url("./restart-hover.png"));
|
||||
}
|
2
renderable/yazi/theme.toml
Normal file
2
renderable/yazi/theme.toml
Normal file
@@ -0,0 +1,2 @@
|
||||
[flavor]
|
||||
use = {{ yazi-theme }}
|
Reference in New Issue
Block a user