diff --git a/static/css/default.css b/static/css/default.css index 2e0c7bc..104a177 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -2,23 +2,32 @@ /*dark theme*/ body.dark{ --bg-color: #000; + --normal-text: #5ac; --link-clicked: #B250D8; --link-unclicked: #d80; - --normal-text: #5ac; + --header-bg: #333; + --nav-link-color: #6B0; } /*light theme*/ body.light{ - --bg-color: #FDAAA3; - --link-unclicked: #147; - --link-clicked: #042; + --bg-color: #ABABD4; --normal-text: #000; + --link-unclicked: #153057; + --link-clicked: #042; + --header-bg: #9494C8; + --nav-link-color: #523; } body { background: var(--bg-color); color: var(--normal-text); - width: 100%; - height: 100%; + padding: 0px; + margin: 0px; + font-family: Georgia, serif; +} + +.nav-link { + color: var(--nav-link-color) !important; } a { @@ -38,7 +47,14 @@ a:hover { #header { display: flex; flex-flow: row nowrap; - gap: 10px; + gap: 0.5em; + align-items: center; + background: var(--header-bg); + width: 100%; + font-size: 24px; + padding: 0.5em 1em; } -.nav-link { + +#content { + margin: 1em; } diff --git a/templates/default.html b/templates/default.html index dda43d4..d9c0f0f 100644 --- a/templates/default.html +++ b/templates/default.html @@ -1,22 +1,23 @@ - - - {{{title}}} · Pagwin's website - + + + {{{title}}} · Pagwin's website + + - - -
-

{{{title}}}

- {{{content}}} -
- + + +
+

{{{title}}}

+ {{{content}}} +
+