mirror of
https://github.com/OpenSquawk/OpenSquawk
synced 2026-06-28 11:45:37 +08:00
43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
/* assets/css/global.css */
|
|
|
|
/* CI-Variablen */
|
|
:root {
|
|
--bg: #0b1020;
|
|
--bg2: #0a0f1c;
|
|
--accent: #22d3ee;
|
|
--accent2: #0ea5e9;
|
|
--text: #ffffff;
|
|
--t2: rgba(255, 255, 255, .80);
|
|
--t3: rgba(255, 255, 255, .60);
|
|
--border: rgba(255, 255, 255, .10);
|
|
}
|
|
|
|
/* Reset + Base */
|
|
html, body, #__nuxt {
|
|
min-height: 100vh;
|
|
min-width: 100vw;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: system-ui, sans-serif;
|
|
background: radial-gradient(800px 400px at 80% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%),
|
|
radial-gradient(600px 300px at 10% -5%, color-mix(in srgb, var(--accent2) 15%, transparent), transparent 60%),
|
|
linear-gradient(180deg, var(--bg) 0%, var(--bg) 60%, var(--bg2) 100%);
|
|
}
|
|
|
|
/* Vuetify Overrides global */
|
|
.v-field, .v-textarea, .v-switch, .v-slider {
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.panel {
|
|
backdrop-filter: blur(5deg);
|
|
}
|
|
|
|
/* Tooltip overrides */
|
|
.v-tooltip > .v-overlay__content {
|
|
background-color: color-mix(in srgb, var(--bg2) 90%, black 10%) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--text) !important;
|
|
}
|