67 lines
1.8 KiB
CSS
67 lines
1.8 KiB
CSS
|
:root[data-ui-theme="none"] {
|
||
|
|
--font-main: ui-monospace, monospace;
|
||
|
|
--desktop-bg: #ffffff;
|
||
|
|
--desktop-pattern: none;
|
||
|
|
--surface-window: transparent;
|
||
|
|
--surface-control: #f5f5f5;
|
||
|
|
--surface-input: #ffffff;
|
||
|
|
--surface-status: #ffffff;
|
||
|
|
--text-primary: #000000;
|
||
|
|
--title-bg: transparent;
|
||
|
|
--title-text: #000000;
|
||
|
|
--border-outer: #bdbdbd;
|
||
|
|
--border-input: #bdbdbd;
|
||
|
|
--border-muted: #d3d3d3;
|
||
|
|
--window-border-width: 1px;
|
||
|
|
--control-border-width: 1px;
|
||
|
|
--input-border-width: 1px;
|
||
|
|
--window-shadow: none;
|
||
|
|
--button-shadow: none;
|
||
|
|
--button-shadow-active: none;
|
||
|
|
--focus-ring: 0 0 0 1px #777777;
|
||
|
|
--card-bg: #ffffff;
|
||
|
|
--card-text: #000000;
|
||
|
|
--card-border: #bdbdbd;
|
||
|
|
--card-border-width: 1px;
|
||
|
|
--selected-outline: 1px dashed #000000;
|
||
|
|
--modal-overlay: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
:root[data-ui-theme="none"][data-theme="dark"] {
|
||
|
|
--desktop-bg: #111111;
|
||
|
|
--surface-window: transparent;
|
||
|
|
--surface-control: #232323;
|
||
|
|
--surface-input: #161616;
|
||
|
|
--surface-status: #161616;
|
||
|
|
--text-primary: #e8e8e8;
|
||
|
|
--title-bg: transparent;
|
||
|
|
--title-text: #e8e8e8;
|
||
|
|
--border-outer: #4a4a4a;
|
||
|
|
--border-input: #4a4a4a;
|
||
|
|
--border-muted: #3a3a3a;
|
||
|
|
--focus-ring: 0 0 0 1px #9a9a9a;
|
||
|
|
--card-bg: #161616;
|
||
|
|
--card-text: #e8e8e8;
|
||
|
|
--card-border: #4a4a4a;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root[data-ui-theme="none"] body {
|
||
|
|
background-color: var(--desktop-bg);
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root[data-ui-theme="none"] .title-bar-controls,
|
||
|
|
:root[data-ui-theme="none"] .icon-btn img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root[data-ui-theme="none"] .window,
|
||
|
|
:root[data-ui-theme="none"] .preview-board,
|
||
|
|
:root[data-ui-theme="none"] .voting-board {
|
||
|
|
border-style: dashed;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root[data-ui-theme="none"] .preset-modal-overlay {
|
||
|
|
background: var(--modal-overlay);
|
||
|
|
}
|