sashakoshka/mintea
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Separated martian and mint into two other files

Browse Source
This commit is contained in:
Sasha Koshka 2022-10-09 00:14:20 -04:00
parent 8e3048012b
commit 0b39634c22
4 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
prototype/index.html
View File

@ -4,6 +4,7 @@
<title>mintea</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link rel="stylesheet" href="style.css"></link>
<link rel="stylesheet" href="martian.css"></link>
<script>
/*
@licstart The following is the entire license notice for the

13
prototype/martian.css Normal file
View File

@ -0,0 +1,13 @@
/* martian theme */
:root {
--glass: url("frost.webp"), hsla(0, 20%, 7%, 0.5);
--background: hsl(0, 20%, 7%);
--foreground: hsl(0, 25%, 90%);
--subtle-foreground: hsl(0, 35%, 55%);
--outline: hsl(0, 23%, 20%);
--shine: #FFFFFF10;
--accent: hsl(0, 80%, 40%);
--subtle-accent: hsla(0, 80%, 40%, 0.2);
--shadow: 0 4px 32px #00000070;
--icon-filter: saturate(0.89) brightness(0.72);
}

13
prototype/mint.css Normal file
View File

@ -0,0 +1,13 @@
/* mint theme */
:root {
--glass: #EEEEEE77;
--background: #EEE;
--foreground: #333;
--subtle-foreground: #888;
--outline: #00000015;
--shine: #00000015;
--accent: #209D6E;
--subtle-accent: #209D6E30;
--shadow: 0 4px 32px #03281A12;
--icon-filter: hue-rotate(157deg) saturate(0.80) brightness(1.3);
}

28
prototype/style.css
View File

@ -1,31 +1,3 @@
/* mint theme
:root {
--glass: url("frost.webp"), #EEEEEE77;
--background: #EEE;
--foreground: #333;
--subtle-foreground: #888;
--outline: #00000015;
--shine: #00000015;
--accent: #209D6E;
--subtle-accent: #209D6E30;
--shadow: 0 4px 32px #03281A12;
--icon-filter: hue-rotate(157deg) saturate(0.80) brightness(0.62);
} */
/* martian theme */
:root {
--glass: url("frost.webp"), hsla(0, 20%, 7%, 0.5);
--background: hsl(0, 20%, 7%);
--foreground: hsl(0, 25%, 90%);
--subtle-foreground: hsl(0, 35%, 55%);
--outline: hsl(0, 23%, 20%);
--shine: #FFFFFF10;
--accent: hsl(0, 80%, 40%);
--subtle-accent: hsla(0, 80%, 40%, 0.2);
--shadow: 0 4px 32px #00000070;
--icon-filter: saturate(0.89) brightness(0.72);
}
* {
box-sizing: border-box;
scrollbar-color: var(--accent) transparent;