diff --git a/assets/palette.png b/assets/palette.png new file mode 100644 index 0000000..78572df Binary files /dev/null and b/assets/palette.png differ diff --git a/css/style.css b/css/style.css index 51c1492..9a5a122 100644 --- a/css/style.css +++ b/css/style.css @@ -6,15 +6,12 @@ --color: #000; } -html, -body { - width: 100%; - height: 100%; -} - body { margin: 0; - padding: 0; + display: flex; + align-items: center; + justify-content: center; + color: var(--color); background-color: var(--background); font-family: 'Inconsolata', sans-serif; @@ -22,14 +19,8 @@ body { } #container { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - + max-width: 50%; text-align: center; - height: 100%; - width: 100%; } #shadow { @@ -46,7 +37,7 @@ body { justify-content: center; } -.tags > * { +.tags>* { border: 2px solid var(--color); padding: 10px 20px 10px 20px; } @@ -54,4 +45,23 @@ body { #switch_theme { cursor: pointer; text-decoration: underline; + + position: fixed; + margin: 10px; + bottom: 0; + right: 0; + + display: block; + height: 50px; + width: 50px; + border-radius: 50%; + border: 1px solid var(--color); +} + +#switch_theme > img { + width: 50px; +} + +a { + color: var(--color); } \ No newline at end of file diff --git a/css/style.dark.css b/css/style.dark.css index b214cde..113248f 100644 --- a/css/style.dark.css +++ b/css/style.dark.css @@ -17,5 +17,17 @@ body.dark .tags > * { } body.dark #shadow { - box-shadow: 0 0 30em 10em rgba(255, 189, 184, 1); + box-shadow: 0 0 30em 10em rgb(161, 148, 147); +} + +body.dark a { + color: var(--background); +} + +body.dark #switch_theme { + border: 1px solid var(--background) !important; +} + +body.dark #switch_theme > img { + filter: invert() !important; } \ No newline at end of file diff --git a/index.html b/index.html index 6ae91a2..8757b61 100644 --- a/index.html +++ b/index.html @@ -20,9 +20,10 @@
-