mirror of
https://github.com/tuxdotrs/tpanel.git
synced 2025-10-10 12:51:54 +05:30
style(control-center): adjust color contrast in header
This commit is contained in:
@@ -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;
|
||||||
|
@@ -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
|
||||||
|
Reference in New Issue
Block a user