mirror of
https://github.com/koel/koel
synced 2024-12-13 22:22:27 +00:00
aa3260aff4
Koel will now use the default system font on user's OS instead of a custom font (Roboto of various weights in the past), which increased the bundled size pretty much unnecessarily.
45 lines
1 KiB
SCSS
45 lines
1 KiB
SCSS
$colorMainBgr: #181818;
|
|
$color2ndBgr: #282828;
|
|
$colorMainText: #fff;
|
|
$color2ndText: #a0a0a0;
|
|
$colorBtnBgr: #0191f7;
|
|
$colorBtnText: #fff;
|
|
$colorDirtyInputBgr: #fff5b0;
|
|
|
|
$colorHeart: #bf2043;
|
|
$colorGreen: #56a052;
|
|
$colorBlue: #4c769a;
|
|
$colorRed: #c34848;
|
|
$colorOrange: #ff7d2e;
|
|
$colorGrey: #3c3c3c;
|
|
|
|
$colorSidebarBgr: #212121;
|
|
$colorExtraBgr: #212121;
|
|
$colorSearchFormBgr: transparent;
|
|
$colorPlayerControlsBgr: transparent;
|
|
|
|
$colorLink: #aaa;
|
|
$colorLinkHovered: #fff;
|
|
|
|
$colorHighlight: $colorOrange;
|
|
|
|
$fontFamily: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
$fontSize: 13px;
|
|
|
|
$fontWeight_UltraThin: 100;
|
|
$fontWeight_Thin: 300;
|
|
$fontWeight_Normal: 500;
|
|
|
|
$headerHeight: 48px;
|
|
$footerHeight: 64px;
|
|
$footerHeightMobile: 74px;
|
|
$mainHeadingHeight: 64px;
|
|
|
|
$extraPanelWidth: 334px;
|
|
|
|
$plyr-blue: $colorHighlight;
|
|
$plyr-control-color: $colorHighlight;
|
|
$plyr-control-color-hover: $colorHighlight;
|
|
$plyr-control-bg-hover: $colorHighlight;
|
|
$plyr-volume-track-height: 6px;
|
|
$plyr-control-spacing: 6px;
|