36 lines
701 B
CSS
36 lines
701 B
CSS
|
@import "tailwindcss";
|
||
|
|
|
||
|
|
@theme {
|
||
|
|
--color-f1-red: #e10600;
|
||
|
|
--color-f1-red-dark: #b50500;
|
||
|
|
--color-f1-bg: #111111;
|
||
|
|
--color-f1-surface: #1a1a1a;
|
||
|
|
--color-f1-surface-hover: #242424;
|
||
|
|
--color-f1-border: #2a2a2a;
|
||
|
|
--color-f1-text: #e0e0e0;
|
||
|
|
--color-f1-text-muted: #888888;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: var(--color-f1-bg);
|
||
|
|
color: var(--color-f1-text);
|
||
|
|
font-family: system-ui, -apple-system, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Scrollbar styling */
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 6px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: var(--color-f1-bg);
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: var(--color-f1-border);
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* HLS video player */
|
||
|
|
video::-webkit-media-controls {
|
||
|
|
display: none !important;
|
||
|
|
}
|