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 {
.name {
color: rgba($fg-color, 0.8);
font-size: 1.8rem;
}
.username {
color: rgba($fg-color, 0.5);
font-size: 1.2rem;
}
.controls {
button {
background-color: $inactive-color;

View File

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