koel/resources/assets/sass/partials/_vars.scss

44 lines
1.1 KiB
SCSS
Raw Normal View History

2022-04-15 14:24:30 +00:00
:root {
--color-text-primary: #fff;
--color-text-secondary: rgba(255, 255, 255, .7);
--color-bg-primary: #181818;
--color-bg-secondary: rgba(255, 255, 255, .025);
--color-highlight: #ff7d2e;
--color-accent: var(--color-highlight);
--color-bg-context-menu: var(--color-bg-primary);
2022-04-15 14:24:30 +00:00
2023-08-20 12:05:13 +00:00
--color-input: #333;
--color-bg-input: #fff;
2022-04-15 14:24:30 +00:00
--bg-image: none;
--bg-position: center;
--bg-attachment: fixed;
--bg-size: cover;
--font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-weight-thin: 100;
--font-weight-light: 300;
--font-weight-normal: 500;
2022-07-16 15:44:45 +00:00
--font-weight-bold: 700;
2022-04-15 14:24:30 +00:00
2022-10-13 15:18:47 +00:00
--header-height: auto;
--footer-height: 84px;
--extra-drawer-width: 320px;
2022-10-13 15:18:47 +00:00
--sidebar-width: 256px;
2022-04-15 14:24:30 +00:00
--color-black: #181818;
--color-maroon: #bf2043;
--color-green: #56a052;
--color-blue: #0191f7;
--color-red: #c34848;
2022-10-13 15:18:47 +00:00
@media screen and (max-width: 768px) {
--header-height: 56px;
2022-10-13 15:18:47 +00:00
--footer-height: 96px;
--extra-drawer-width: 100%;
2022-10-13 15:18:47 +00:00
}
2022-04-15 14:24:30 +00:00
}
$plyr-blue: var(--color-highlight);