84 lines
1.7 KiB
CSS
84 lines
1.7 KiB
CSS
body {
|
|
--red: #FF3B3B;
|
|
--green: #2E9D04;
|
|
|
|
--fg: #e0e0e1;
|
|
--bg: #111111;
|
|
|
|
--input-fg: #e0e0e1;
|
|
--input-bg: #111;
|
|
--input-placeholder: #d1d1d1;
|
|
--input-border-color: #a5a5a5;
|
|
|
|
--bg-secondary: hsl(30 4% 26% / 1);
|
|
|
|
--on-primary: #111;
|
|
--border-primary: var(--nctv-blue-secondary);
|
|
--primary: var(--nctv-blue-primary);
|
|
--menu-bg: var(--nctv-bg-secondary);
|
|
|
|
/**
|
|
NCTV Branding colors
|
|
*/
|
|
|
|
--nctv-blue-secondary: #0079b8ff;
|
|
--nctv-blue-primary: #32abeaff;
|
|
--nctv-blue-dark: #012741ff;
|
|
--nctv-accent-orange: #f57200ff;
|
|
--nctv-accent-orange-subtle: #d46400ff;
|
|
|
|
--nctv-bg-primary: #111111;
|
|
--nctv-bg-secondary: #1a1a1a;
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
NCTV header text for desktop
|
|
*/
|
|
|
|
span.instance-name,
|
|
h1.instance-name.home-page,
|
|
.custom-markup-container h1,
|
|
.custom-markup-container a.instance-name {
|
|
background: -webkit-linear-gradient(left, var(--nctv-blue-primary), var(--nctv-accent-orange) 65%) !important;
|
|
background-clip: text !important;
|
|
-webkit-background-clip: text !important;
|
|
-moz-background-clip: text !important;
|
|
-o-background-clip: text !important;
|
|
-ms-background-clip: text !important;
|
|
-webkit-text-fill-color: transparent !important;
|
|
font-weight: 900 !important;
|
|
}
|
|
|
|
/**
|
|
Action buttons
|
|
*/
|
|
|
|
/* .primary-button {
|
|
border: 1px solid var(--nctv-blue-dark);
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
.primary-button:hover, .primary-button:active {
|
|
|
|
border: none;
|
|
border-radius: 0.5rem;
|
|
} */
|
|
|
|
|
|
/**
|
|
Video thumbnail stuff
|
|
*/
|
|
|
|
.video-thumbnail.ng-star-inserted:hover {
|
|
scale: 1.02;
|
|
}
|
|
|
|
/**
|
|
Get rid of the little bar under the like/dislike button until I can figure out how to align it properly
|
|
*/
|
|
|
|
.likes-dislikes-bar-outer-container {
|
|
display: none;
|
|
} |