EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create Stylesheet with colors

Browse source
This commit is contained in:
kritzl 2025-02-10 12:09:23 +01:00
commit a161562dd9
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
6 changed files with 229 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
styleguide/color_guide.html
View file

@ -4,14 +4,14 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="assets/style/main.css">
<title>Color Guide</title>
</head>
<body>
<h1>Color Guide</h1>
<div class="float-left dark">
<div class="float-left dark swatch-grid">
<h2>Darkmode</h2>
<section aria-labelledby="label-dark-fore-background">
@ -34,7 +34,7 @@
<div aria-labelledby="label-dark-swatch-shade-1" class="swatch-container">
<div class="swatch" style="--swatch-color: var(--color-dark-shade-1)"></div>
<span id="label-dark-swatch-shade-1">#TODOspan>
<span id="label-dark-swatch-shade-1">#TODO</span>
</div>
<div aria-labelledby="label-dark-swatch-shade-2" class="swatch-container">
@ -104,7 +104,7 @@
</section>
</div>
<div class="float-right light">
<div class="float-right light swatch-grid">
<h2>Lightmode</h2>
<section aria-labelledby="label-light-fore-background">
@ -127,7 +127,7 @@
<div aria-labelledby="label-light-swatch-shade-1" class="swatch-container">
<div class="swatch" style="--swatch-color: var(--color-light-shade-1)"></div>
<span id="label-light-swatch-shade-1">#TODOspan>
<span id="label-light-swatch-shade-1">#TODO</span>
</div>
<div aria-labelledby="label-light-swatch-shade-2" class="swatch-container">