app theming: walker

This commit is contained in:
ItsLemmy
2025-10-29 10:57:11 -04:00
parent 2f9c3abcb5
commit 98bed3d8be
3 changed files with 77 additions and 75 deletions
+21 -20
View File
@@ -1,12 +1,12 @@
@define-color surface {{colors.surface_variant.default.hex}};
@define-color overlay {{colors.surface.default.hex}};
@define-color text {{colors.on_surface.default.hex}};
@define-color surface {{colors.surface.default.hex}};
@define-color surfaceVariant {{colors.surface_variant.default.hex}};
@define-color green {{colors.primary.default.hex}};
@define-color yellow {{colors.secondary.default.hex}};
@define-color red {{colors.error.default.hex}};
@define-color blue {{colors.primary.default.hex}};
@define-color onSurface {{colors.on_surface.default.hex}};
@define-color onSurfaceVariant {{colors.on_surface_variant.default.hex}};
@define-color primary {{colors.primary.default.hex}};
@define-color secondary {{colors.secondary.default.hex}};
@define-color error {{colors.error.default.hex}};
@define-color outline {{colors.outline.default.hex}};
* {
@@ -38,11 +38,11 @@ scrollbar {
.preview-box,
.elephant-hint,
.placeholder {
color: @text;
color: @onSurface;
}
.box {
background: @overlay;
background: @surfaceVariant;
padding: 20px;
border-radius: 20px;
border: 2px solid @outline;
@@ -59,8 +59,8 @@ scrollbar {
.input {
background: @surface;
color: @text;
caret-color: @text;
color: @onSurface;
caret-color: @onSurface;
padding: 10px;
}
@@ -78,7 +78,7 @@ scrollbar {
}
.list {
color: @text;
color: @onSurface;
}
child {
@@ -90,7 +90,7 @@ child {
}
.item-quick-activation {
background: @blue;
background: @secondary;
border-radius: 10px;
padding: 10px;
color: @surface;
@@ -98,7 +98,7 @@ child {
child:hover .item-box,
child:selected .item-box {
background: alpha(@blue, 0.4);
background: alpha(@primary, 0.4);
}
.item-text-box {
@@ -119,10 +119,10 @@ child:selected .item-box {
}
.preview {
border-top: 1px solid @blue;
border-top: 1px solid @primary;
padding: 10px;
border-radius: 10px;
color: @text;
color: @onSurface;
}
.calc .item-text {
@@ -148,7 +148,7 @@ child:selected .item-box {
font-weight: bold;
}
.bluetooth.disconnected {
.primarytooth.disconnected {
opacity: 0.5;
}
@@ -157,15 +157,16 @@ child:selected .item-box {
}
.keybinds-wrapper {
border-top: 1px solid @blue;
border-top: 1px solid @primary;
font-size: 12px;
color: @blue;
color: @primary;
}
.keybinds {
}
.keybind {
color: @onSurfaceVariant;
}
.keybind-bind {
@@ -178,7 +179,7 @@ child:selected .item-box {
.error {
padding: 10px;
background: @red;
background: @error;
color: @surface;
}