Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Stylesheet themes

This commit is contained in:
Sveske_Juice 2024-02-15 02:08:09 +01:00
parent f5bc1db8f1
commit 0f4764052f
4 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app.html
View File

@ -5,6 +5,7 @@
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
<link rel="stylesheet" href="/stylesheets/global.css" />
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>

10
src/routes/+page.svelte
View File

@ -1,7 +1,17 @@
<!-- Theme load -->
<svelte:head>
<script>
import { theme } from '../global-stores.js';
</script>
<link rel="stylesheet" href="/stylesheets/main-theme.css" />
</svelte:head>
<div class="main-title">
<h1>The Deprived Devs</h1>
</div>
<style>
@font-face {
font-family: 'CozetteVector';

4
static/stylesheets/global.css Normal file
View File

@ -0,0 +1,4 @@
body {
color: var(--text);
background-color: var(--background);
}

7
static/stylesheets/main-theme.css Normal file
View File

@ -0,0 +1,7 @@
:root {
--text: #ece4ee;
--background: #120c13;
--primary: #ff8552;
--secondary: #6c6b44;
--accent: #7da16a;
}