Twitch/Poll-Dashboard
0
0
Fork 0
Code Issues Pull requests Activity

Initial commit

Browse source
This commit is contained in:
Oliver 2021-11-29 17:04:26 -06:00
commit 9212949716
27 changed files with 24369 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

26
public/index.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Site Template</title>
<!-- Stylesheets -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap" rel="stylesheet">
<link href="" id="theme" rel="stylesheet">
<script>
var default_theme = `dark`
var theme = localStorage.getItem(`site-theme`) || default_theme;
document.getElementById(`theme`).href = `static/css/theme/` + theme + `.css`;
</script>
</head>
<body>
<noscript>
<strong>We're sorry but this website doesn't work properly without JavaScript enabled. Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

37
public/static/css/theme/dark.css Normal file
View file

@ -0,0 +1,37 @@
:root {
/* ===================================================================== */
/* Default Themes for backgrounds and accent colours */
--primary-background: #23272A;
--primary-border: unset;
--secondary-background: #2C2F33;
--secondary-border: unset;
--tertiary-background: #343A40;
--tertiary-border: unset;
/* Border indicators for better support in high contrast themes */
--large-border-radius: 10px;
--medium-border-radius: 7px;
--small-border-radius: 5px;
/* Text colours and the default font family */
--fonts: sans-serif;
--light-text: #E9ECEF;
--dark-text: #000000;
/* Accent colours used for smaller sections on the site */
--accent-positive: #1DB954;
--accent-neutral: #7289DA;
--accent-negative: #ED4245;
/* Scrollbar styling */
--scrollbar-background: #0f0f0f;
--scrollbar-handle: #4D4D4D;
--scrollbar-handle-hover: #5E5E5E;
/* Icon colors */
--icon-primary: var(--dark-text);
--icon-secondary: var(--secondary-background);
/* ===================================================================== */
/* Additional Themes for the specific site */
}