Cattpuccin Macchiato Re-theme

This commit is contained in:
Adalyn Black
2024-07-24 16:50:17 -07:00
committed by galister
parent 88da3c832a
commit e14b35bece
4 changed files with 196 additions and 195 deletions

View File

@@ -56,11 +56,12 @@ where
data, data,
)?; )?;
canvas.bg_color = color_parse("#101010").unwrap(); //safe canvas.bg_color = color_parse("#181926").unwrap(); //safe
canvas.panel(0., 0., size.x, size.y, 5.); canvas.panel(0., 0., size.x, size.y, 12.);
canvas.font_size = 18; canvas.font_size = 18;
canvas.bg_color = color_parse("#202020").unwrap(); //safe canvas.fg_color = color_parse("#cad3f5").unwrap(); //safe
canvas.bg_color = color_parse("#1e2030").unwrap(); //safe
let has_altgr = keymap.as_ref().map_or(false, |k| k.has_altgr()); let has_altgr = keymap.as_ref().map_or(false, |k| k.has_altgr());
@@ -146,7 +147,7 @@ where
if label.is_empty() { if label.is_empty() {
label = LAYOUT.label_for_key(key); label = LAYOUT.label_for_key(key);
} }
let button = canvas.key_button(x, y, w, h, 0., cap_type, &label); let button = canvas.key_button(x, y, w, h, 12., cap_type, &label);
button.state = Some(state); button.state = Some(state);
button.on_press = Some(key_press); button.on_press = Some(key_press);
button.on_release = Some(key_release); button.on_release = Some(key_release);
@@ -268,7 +269,7 @@ fn key_release(
} }
} }
static PRESS_COLOR: Vec4 = Vec4::new(1.0, 1.0, 1.0, 0.5); static PRESS_COLOR: Vec4 = Vec4::new(198./255., 160./255., 246./255., 0.5);
fn test_highlight( fn test_highlight(
control: &Control<KeyboardData, KeyButtonData>, control: &Control<KeyboardData, KeyButtonData>,

View File

@@ -178,19 +178,19 @@ fn new_toast(toast: Toast, app: &mut AppState) -> Option<(OverlayState, Box<dyn
.ok()?; .ok()?;
canvas.font_size = FONT_SIZE; canvas.font_size = FONT_SIZE;
canvas.fg_color = color_parse("#aaaaaa").unwrap(); // want panic canvas.fg_color = color_parse("#cad3f5").unwrap(); // want panic
canvas.bg_color = color_parse("#333333").unwrap(); // want panic canvas.bg_color = color_parse("#1e2030").unwrap(); // want panic
canvas.panel(0., 0., size.0, size.1, 3.); canvas.panel(0., 0., size.0, size.1, 16.);
if toast.body.len() > 0 { if toast.body.len() > 0 {
canvas.label(PADDING.0, 54., og_width, size.1 - 54., 3., toast.body); canvas.label(PADDING.0, 54., og_width, size.1 - 54., 3., toast.body);
canvas.fg_color = color_parse("#101010").unwrap(); // want panic canvas.fg_color = color_parse("#b8c0e0").unwrap(); // want panic
canvas.bg_color = color_parse("#666666").unwrap(); // want panic canvas.bg_color = color_parse("#24273a").unwrap(); // want panic
canvas.panel(0., 0., size.0, 30., 3.); canvas.panel(0., 0., size.0, 30., 16.);
canvas.label_centered(PADDING.0, 16., og_width, FONT_SIZE as f32 + 2., 3., title); canvas.label_centered(PADDING.0, 16., og_width, FONT_SIZE as f32 + 2., 16., title);
} else { } else {
canvas.label_centered(PADDING.0, 0., og_width, size.1, 3., title); canvas.label_centered(PADDING.0, 0., og_width, size.1, 16., title);
} }
let state = OverlayState { let state = OverlayState {

View File

@@ -12,23 +12,23 @@ spawn_pos: [0, -0.1, -0.5]
elements: elements:
- type: Panel - type: Panel
rect: [0, 0, 600, 800] rect: [0, 0, 600, 800]
corner_radius: 2 corner_radius: 8
bg_color: "#102030" bg_color: "#1e2030"
- type: Label - type: Label
rect: [15, 35, 600, 70] rect: [15, 35, 600, 70]
corner_radius: 2 corner_radius: 6
font_size: 24 font_size: 24
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Settings text: Settings
- type: Button - type: Button
rect: [560, 0, 40, 40] rect: [560, 0, 40, 40]
corner_radius: 2 corner_radius: 8
font_size: 16 font_size: 16
bg_color: "#880000" bg_color: "#ed8796"
fg_color: "#ffffff" fg_color: "#24273a"
text: X text: X
click_down: click_down:
- type: Window - type: Window
@@ -37,38 +37,38 @@ elements:
- type: Panel - type: Panel
rect: [50, 53, 500, 1] rect: [50, 53, 500, 1]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
####### Watch Section ####### ####### Watch Section #######
- type: Label - type: Label
rect: [15, 85, 570, 24] rect: [15, 85, 570, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Watch text: Watch
- type: Panel - type: Panel
rect: [250, 105, 1, 100] rect: [250, 105, 1, 100]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
- type: Label - type: Label
rect: [288, 105, 100, 24] rect: [288, 105, 100, 24]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Visibility text: Visibility
- type: Button - type: Button
rect: [270, 120, 100, 30] rect: [270, 120, 100, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Hide" text: "Hide"
click_down: click_down:
- type: Watch - type: Watch
@@ -76,10 +76,10 @@ elements:
- type: Button - type: Button
rect: [270, 170, 100, 30] rect: [270, 170, 100, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Swap Hand" text: "Swap Hand"
click_down: click_down:
- type: Watch - type: Watch
@@ -87,23 +87,23 @@ elements:
- type: Panel - type: Panel
rect: [390, 105, 1, 100] rect: [390, 105, 1, 100]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
- type: Label - type: Label
rect: [430, 105, 120, 24] rect: [430, 105, 120, 24]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Watch Fade text: Watch Fade
- type: Button - type: Button
rect: [410, 120, 140, 30] rect: [410, 120, 140, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Cutoff Point" text: "Cutoff Point"
click_down: click_down:
- type: Toast - type: Toast
@@ -119,10 +119,10 @@ elements:
- type: Button - type: Button
rect: [410, 170, 140, 30] rect: [410, 170, 140, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Cutoff Strength" text: "Cutoff Strength"
click_down: click_down:
- type: Toast - type: Toast
@@ -138,18 +138,18 @@ elements:
- type: Label - type: Label
rect: [25, 140, 90, 30] rect: [25, 140, 90, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Rotation text: Rotation
- type: Button - type: Button
rect: [108, 120, 30, 30] rect: [108, 120, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "X" text: "X"
click_down: click_down:
- type: Toast - type: Toast
@@ -165,10 +165,10 @@ elements:
- type: Button - type: Button
rect: [153, 120, 30, 30] rect: [153, 120, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Y" text: "Y"
click_down: click_down:
- type: Toast - type: Toast
@@ -184,10 +184,10 @@ elements:
- type: Button - type: Button
rect: [198, 120, 30, 30] rect: [198, 120, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Z" text: "Z"
click_down: click_down:
- type: Toast - type: Toast
@@ -203,18 +203,18 @@ elements:
- type: Label - type: Label
rect: [25, 190, 90, 30] rect: [25, 190, 90, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Position text: Position
- type: Button - type: Button
rect: [108, 170, 30, 30] rect: [108, 170, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "X" text: "X"
click_down: click_down:
- type: Toast - type: Toast
@@ -230,10 +230,10 @@ elements:
- type: Button - type: Button
rect: [153, 170, 30, 30] rect: [153, 170, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Y" text: "Y"
click_down: click_down:
- type: Toast - type: Toast
@@ -249,10 +249,10 @@ elements:
- type: Button - type: Button
rect: [198, 170, 30, 30] rect: [198, 170, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#306060" bg_color: "#eed49f"
text: "Z" text: "Z"
click_down: click_down:
- type: Toast - type: Toast
@@ -268,32 +268,32 @@ elements:
- type: Panel - type: Panel
rect: [50, 220, 500, 1] rect: [50, 220, 500, 1]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
####### Mirror Section ####### ####### Mirror Section #######
- type: Label - type: Label
rect: [15, 255, 570, 24] rect: [15, 255, 570, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Mirrors text: Mirrors
- type: Label - type: Label
rect: [25, 290, 30, 30] rect: [25, 290, 30, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: M1 text: M1
- type: Button - type: Button
rect: [60, 270, 110, 30] rect: [60, 270, 110, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Show/Hide" text: "Show/Hide"
click_down: # ToggleVisible if exists, else create click_down: # ToggleVisible if exists, else create
- type: Overlay - type: Overlay
@@ -305,10 +305,10 @@ elements:
- type: Button - type: Button
rect: [185, 270, 60, 30] rect: [185, 270, 60, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Lock" text: "Lock"
click_down: click_down:
- type: Overlay - type: Overlay
@@ -317,10 +317,10 @@ elements:
- type: Button - type: Button
rect: [258, 270, 30, 30] rect: [258, 270, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#880000" bg_color: "#ed8796"
text: "X" text: "X"
click_down: click_down:
- type: Window - type: Window
@@ -329,18 +329,18 @@ elements:
- type: Label - type: Label
rect: [25, 340, 30, 30] rect: [25, 340, 30, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: M2 text: M2
- type: Button - type: Button
rect: [60, 320, 110, 30] rect: [60, 320, 110, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Show/Hide" text: "Show/Hide"
click_down: click_down:
- type: Overlay - type: Overlay
@@ -352,10 +352,10 @@ elements:
- type: Button - type: Button
rect: [185, 320, 60, 30] rect: [185, 320, 60, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Lock" text: "Lock"
click_down: click_down:
- type: Overlay - type: Overlay
@@ -364,10 +364,10 @@ elements:
- type: Button - type: Button
rect: [258, 320, 30, 30] rect: [258, 320, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#880000" bg_color: "#ed8796"
text: "X" text: "X"
click_down: click_down:
- type: Window - type: Window
@@ -376,18 +376,18 @@ elements:
- type: Label - type: Label
rect: [25, 390, 30, 30] rect: [25, 390, 30, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: M3 text: M3
- type: Button - type: Button
rect: [60, 370, 110, 30] rect: [60, 370, 110, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Show/Hide" text: "Show/Hide"
click_down: click_down:
- type: Overlay - type: Overlay
@@ -399,10 +399,10 @@ elements:
- type: Button - type: Button
rect: [185, 370, 60, 30] rect: [185, 370, 60, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "Lock" text: "Lock"
click_down: click_down:
- type: Overlay - type: Overlay
@@ -411,10 +411,10 @@ elements:
- type: Button - type: Button
rect: [258, 370, 30, 30] rect: [258, 370, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#880000" bg_color: "#ed8796"
text: "X" text: "X"
click_down: click_down:
- type: Window - type: Window
@@ -423,33 +423,33 @@ elements:
- type: Panel - type: Panel
rect: [300, 240, 1, 200] rect: [300, 240, 1, 200]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
####### Color Gain Section ####### ####### Color Gain Section #######
- type: Label - type: Label
rect: [325, 255, 90, 24] rect: [325, 255, 90, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Color Gain text: Color Gain
- type: Label - type: Label
rect: [470, 255, 90, 30] rect: [470, 255, 90, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: (SteamVR) text: (SteamVR)
- type: Button - type: Button
rect: [330, 270, 60, 30] rect: [330, 270, 60, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#cad3f5"
bg_color: "#707070" bg_color: "#494d64"
text: "All" text: "All"
click_down: click_down:
- type: Toast - type: Toast
@@ -465,10 +465,10 @@ elements:
- type: Button - type: Button
rect: [405, 270, 30, 30] rect: [405, 270, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#701010" bg_color: "#e78284"
text: "R" text: "R"
click_down: click_down:
- type: Toast - type: Toast
@@ -484,10 +484,10 @@ elements:
- type: Button - type: Button
rect: [450, 270, 30, 30] rect: [450, 270, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#107010" bg_color: "#a6d189"
text: "G" text: "G"
click_down: click_down:
- type: Toast - type: Toast
@@ -503,10 +503,10 @@ elements:
- type: Button - type: Button
rect: [495, 270, 30, 30] rect: [495, 270, 30, 30]
corner_radius: 2 corner_radius: 15
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#101070" bg_color: "#8caaee"
text: "B" text: "B"
click_down: click_down:
- type: Toast - type: Toast
@@ -522,25 +522,25 @@ elements:
- type: Panel - type: Panel
rect: [325, 315, 225, 1] rect: [325, 315, 225, 1]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
####### Playspace Section ####### ####### Playspace Section #######
- type: Label - type: Label
rect: [325, 345, 90, 24] rect: [325, 345, 90, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Playspace text: Playspace
- type: Button - type: Button
rect: [330, 360, 220, 30] rect: [330, 360, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#206060" bg_color: "#eed49f"
text: "Fix Floor" text: "Fix Floor"
click_down: click_down:
- type: System - type: System
@@ -548,10 +548,10 @@ elements:
- type: Button - type: Button
rect: [330, 410, 220, 30] rect: [330, 410, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#206060" bg_color: "#eed49f"
text: "Reset Offset" text: "Reset Offset"
click_down: click_down:
- type: System - type: System
@@ -561,23 +561,23 @@ elements:
- type: Panel - type: Panel
rect: [50, 460, 500, 1] rect: [50, 460, 500, 1]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
- type: Label - type: Label
rect: [325, 490, 90, 24] rect: [325, 490, 90, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Notifications text: Notifications
- type: Button - type: Button
rect: [330, 505, 220, 30] rect: [330, 505, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#401010" bg_color: "#e64553"
text: "Enabled" text: "Enabled"
click_down: click_down:
- type: System - type: System
@@ -586,10 +586,10 @@ elements:
- type: Button - type: Button
rect: [330, 555, 220, 30] rect: [330, 555, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#401010" bg_color: "#e64553"
text: "Sound Enabled" text: "Sound Enabled"
click_down: click_down:
- type: System - type: System
@@ -599,18 +599,18 @@ elements:
####### Behavior Section ####### ####### Behavior Section #######
- type: Label - type: Label
rect: [15, 490, 570, 24] rect: [15, 490, 570, 24]
corner_radius: 2 corner_radius: 6
font_size: 18 font_size: 18
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Static source: Static
text: Behavior text: Behavior
- type: Button - type: Button
rect: [30, 505, 220, 30] rect: [30, 505, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#401010" bg_color: "#e64553"
text: "Auto-Realign" text: "Auto-Realign"
click_down: click_down:
- type: System - type: System
@@ -619,10 +619,10 @@ elements:
- type: Button - type: Button
rect: [30, 555, 220, 30] rect: [30, 555, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#401010" bg_color: "#e64553"
text: "Grab+Scroll Slide" text: "Grab+Scroll Slide"
click_down: click_down:
- type: System - type: System
@@ -633,15 +633,15 @@ elements:
- type: Panel - type: Panel
rect: [50, 605, 500, 1] rect: [50, 605, 500, 1]
corner_radius: 2 corner_radius: 6
bg_color: "#c0c0c0" bg_color: "#6e738d"
- type: Button - type: Button
rect: [330, 625, 220, 30] rect: [330, 625, 220, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#206060" bg_color: "#eed49f"
text: "Save Config" text: "Save Config"
click_down: click_down:
- type: System - type: System
@@ -651,10 +651,10 @@ elements:
- type: Button - type: Button
rect: [30, 625, 250, 30] rect: [30, 625, 250, 30]
corner_radius: 2 corner_radius: 6
font_size: 12 font_size: 12
fg_color: "#ffffff" fg_color: "#24273a"
bg_color: "#206060" bg_color: "#eed49f"
text: "Save Overlay Layout" text: "Save Overlay Layout"
click_down: click_down:
- type: System - type: System

View File

@@ -10,15 +10,15 @@ elements:
# background panel # background panel
- type: Panel - type: Panel
rect: [0, 0, 400, 200] rect: [0, 0, 400, 200]
corner_radius: 3 corner_radius: 4
bg_color: "#353535" bg_color: "#24273a"
- type: Button - type: Button
rect: [2, 162, 26, 36] rect: [2, 162, 26, 36]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
bg_color: "#808040" bg_color: "#c6a0f6"
fg_color: "#ffffff" fg_color: "#24273a"
text: "C" text: "C"
click_up: # destroy if exists, otherwise create click_up: # destroy if exists, otherwise create
- type: Window - type: Window
@@ -31,10 +31,10 @@ elements:
# Keyboard button # Keyboard button
- type: Button - type: Button
rect: [32, 162, 60, 36] rect: [32, 162, 60, 36]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#FFFFFF" fg_color: "#24273a"
bg_color: "#406050" bg_color: "#a6da95"
text: Kbd text: Kbd
click_up: click_up:
- type: Overlay - type: Overlay
@@ -66,10 +66,10 @@ elements:
# bottom row, of keyboard + overlays # bottom row, of keyboard + overlays
- type: OverlayList - type: OverlayList
rect: [94, 160, 306, 40] rect: [94, 160, 306, 40]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#FFFFFF" fg_color: "#cad3f5"
bg_color: "#405060" bg_color: "#1e2030"
layout: Horizontal layout: Horizontal
click_up: ToggleVisible click_up: ToggleVisible
long_click_up: Reset long_click_up: Reset
@@ -83,9 +83,9 @@ elements:
# local clock # local clock
- type: Label - type: Label
rect: [19, 90, 200, 50] rect: [19, 90, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 46 # Use 32 for 12-hour time font_size: 46 # Use 32 for 12-hour time
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Clock source: Clock
format: "%H:%M" # 23:59 format: "%H:%M" # 23:59
#format: "%I:%M %p" # 11:59 PM #format: "%I:%M %p" # 11:59 PM
@@ -93,18 +93,18 @@ elements:
# local date # local date
- type: Label - type: Label
rect: [20, 117, 200, 20] rect: [20, 117, 200, 20]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Clock source: Clock
format: "%x" # local date representation format: "%x" # local date representation
# local day-of-week # local day-of-week
- type: Label - type: Label
rect: [20, 137, 200, 50] rect: [20, 137, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#ffffff" fg_color: "#cad3f5"
source: Clock source: Clock
format: "%A" # Tuesday format: "%A" # Tuesday
#format: "%a" # Tue #format: "%a" # Tue
@@ -112,69 +112,69 @@ elements:
# alt clock 1 # alt clock 1
- type: Label - type: Label
rect: [210, 90, 200, 50] rect: [210, 90, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 24 # Use 18 for 12-hour time font_size: 24 # Use 18 for 12-hour time
fg_color: "#99BBAA" fg_color: "#8bd5ca"
source: Clock source: Clock
timezone: "Asia/Tokyo" # change TZ1 here timezone: "Asia/Tokyo" # change TZ1 here
format: "%H:%M" # 23:59 format: "%H:%M" # 23:59
#format: "%I:%M %p" # 11:59 PM #format: "%I:%M %p" # 11:59 PM
- type: Label - type: Label
rect: [210, 60, 200, 50] rect: [210, 60, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#99BBAA" fg_color: "#8bd5ca"
source: Static source: Static
text: "Tokyo" # change TZ1 label here text: "Tokyo" # change TZ1 label here
# alt clock 2 # alt clock 2
- type: Label - type: Label
rect: [210, 150, 200, 50] rect: [210, 150, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 24 # Use 18 for 12-hour time font_size: 24 # Use 18 for 12-hour time
fg_color: "#AA99BB" fg_color: "#b7bdf8"
source: Clock source: Clock
timezone: "America/Chicago" # change TZ2 here timezone: "America/Chicago" # change TZ2 here
format: "%H:%M" # 23:59 format: "%H:%M" # 23:59
#format: "%I:%M %p" # 11:59 PM #format: "%I:%M %p" # 11:59 PM
- type: Label - type: Label
rect: [210, 120, 200, 50] rect: [210, 120, 200, 50]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#AA99BB" fg_color: "#b7bdf8"
source: Static source: Static
text: "Chicago" # change TZ2 label here text: "Chicago" # change TZ2 label here
# batteries # batteries
- type: BatteryList - type: BatteryList
rect: [0, 0, 400, 30] rect: [0, 0, 400, 30]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#99BBAA" fg_color: "#8bd5ca"
fg_color_low: "#B06060" fg_color_low: "#B06060"
fg_color_charging: "#6080A0" fg_color_charging: "#6080A0"
num_devices: 9 num_devices: 9
layout: Horizontal layout: Horizontal
low_threshold: 20 low_threshold: 33
# volume buttons # volume buttons
- type: Button - type: Button
rect: [327, 52, 46, 32] rect: [315, 52, 70, 32]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#FFFFFF" fg_color: "#cad3f5"
bg_color: "#505050" bg_color: "#5b6078"
text: "+" text: "Vol +"
click_down: click_down:
- type: Exec - type: Exec
command: [ "pactl", "set-sink-volume", "@DEFAULT_SINK@", "+5%" ] command: [ "pactl", "set-sink-volume", "@DEFAULT_SINK@", "+5%" ]
- type: Button - type: Button
rect: [327, 116, 46, 32] rect: [315, 116, 70, 32]
corner_radius: 3 corner_radius: 4
font_size: 14 font_size: 14
fg_color: "#FFFFFF" fg_color: "#cad3f5"
bg_color: "#505050" bg_color: "#5b6078"
text: "-" text: "Vol -"
click_down: click_down:
- type: Exec - type: Exec
command: [ "pactl", "set-sink-volume", "@DEFAULT_SINK@", "-5%" ] command: [ "pactl", "set-sink-volume", "@DEFAULT_SINK@", "-5%" ]