mirror of
https://github.com/turboderp-org/exui.git
synced 2026-05-11 16:30:18 +00:00
102 lines
2.5 KiB
CSS
102 lines
2.5 KiB
CSS
:root {
|
|
--font-family: Helvetica, sans-serif;
|
|
--font-size-large: 20px;
|
|
--font-size-chat: 16px;
|
|
--font-size-medium: 14px;
|
|
--font-size-small: 12px;
|
|
|
|
--textcolor-menu: rgba(217, 217, 217, 255);
|
|
--textcolor-text: rgba(217, 217, 217, 255);
|
|
--textcolor-error: rgba(255, 167, 167, 255);
|
|
--textcolor-danger: rgba(255, 127, 127, 255);
|
|
--textcolor-dim: rgba(97, 97, 97, 255);
|
|
--textcolor-dim2: rgba(120, 120, 120, 255);
|
|
--textcolor-head: rgba(150, 150, 150, 255);
|
|
--textcolor-link: rgba(110, 110, 200, 255);
|
|
--textcolor-stats: rgba(110, 160, 150, 255);
|
|
|
|
--iconcolor: rgba(217, 217, 217, 255);
|
|
--iconcolor-active: rgba(167, 231, 0, 255);
|
|
|
|
--background-color-menu: rgba(32, 32, 32, 255);
|
|
--background-color-body: rgba(42, 42, 42, 255);
|
|
--background-color-view: rgba(52, 52, 52, 255);
|
|
|
|
--background-color-code: rgba(32, 32, 32, 255);
|
|
--border-color-code: rgba(52, 52, 52, 255);
|
|
--textcolor-code: rgba(200, 217, 208, 255);
|
|
|
|
--button-textcolor: rgba(217, 217, 217, 255);
|
|
--button-background: rgba(64, 64, 128, 255);
|
|
--button-border: rgba(96, 96, 192, 255);
|
|
--button-disabled-textcolor: rgba(117, 117, 117, 255);
|
|
--button-disabled-background: rgba(64, 64, 64, 255);
|
|
--button-disabled-border: rgba(96, 96, 96, 255);
|
|
|
|
--textbox-background: rgba(42, 42, 42, 255);
|
|
--textbox-border: rgba(70, 70, 70, 255);
|
|
|
|
--spinner-color: rgba(230, 120, 20, 255);
|
|
--progress-color: rgba(137, 201, 80, 255);
|
|
--progress-color-back: rgba(40, 65, 20, 255);
|
|
|
|
--slider-thumb-color: rgb(135, 150, 155);
|
|
--slider-track-color: rgb(77, 77, 77);
|
|
--slider-hover-color: rgb(88, 88, 88);
|
|
|
|
--show-stats: none;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-family);
|
|
font-size: var(--font-size-medium);
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: flex;
|
|
background-color: var(--background-color-menu);
|
|
color: var(--textcolor-menu);
|
|
}
|
|
|
|
.p-header {
|
|
font-family: var(--font-family);
|
|
font-size: var(--font-size-large);
|
|
}
|
|
|
|
.vflex {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.vflex.grow {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.hflex {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.hflex.grow {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.no-select {
|
|
user-select: none; /* Standard syntax */
|
|
-webkit-user-select: none; /* Chrome and Safari */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* IE 10+ */
|
|
}
|
|
|
|
svg {
|
|
fill: var(--iconcolor);
|
|
text-shadow: 5px 5px 5px rgba(0, 0, 0, 1.0);
|
|
}
|
|
|
|
svg.active {
|
|
fill: var(--iconcolor-active);
|
|
}
|