style(control-center): adjust color contrast in header

This commit is contained in:
tux
2025-09-26 04:21:57 +05:30
parent 4934d73ac4
commit f1088c06cd
2 changed files with 12 additions and 2 deletions

View File

@@ -30,6 +30,16 @@ window.control-center {
} }
.header { .header {
.name {
color: rgba($fg-color, 0.8);
font-size: 1.8rem;
}
.username {
color: rgba($fg-color, 0.5);
font-size: 1.2rem;
}
.controls { .controls {
button { button {
background-color: $inactive-color; background-color: $inactive-color;

View File

@@ -29,8 +29,8 @@ export const Header = () => {
/> />
<box valign={CENTER} orientation={VERTICAL} spacing={5}> <box valign={CENTER} orientation={VERTICAL} spacing={5}>
<label halign={START} label="tux" /> <label halign={START} label="tux" cssClasses={["name"]} />
<label halign={START} label="@tuxdotrs" /> <label halign={START} label="@tuxdotrs" cssClasses={["username"]} />
</box> </box>
<box <box