lots more styling

This commit is contained in:
Pagwin 2024-08-05 20:03:04 -04:00
parent d1a75ce812
commit ce3acd5f25
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 34 additions and 9 deletions

View file

@ -1,21 +1,41 @@
/*https://color.adobe.com/create/color-contrast-analyzer*/ /* https://color.adobe.com/create/color-contrast-analyzer */
/*dark theme*/ /*dark theme*/
body.dark{ body.dark{
--bg-color: #000; --bg-color: #000;
--normal-text: #5ac; /*
* #5ac
* */
--normal-text: #CCC;
--link-clicked: #B250D8; --link-clicked: #B250D8;
--link-unclicked: #d80; --link-unclicked: #d80;
--header-bg: #333; --header-bg: #333;
--nav-link-color: #6B0; --nav-link-color: #6B0;
--content-border-color: #5ac;
} }
/*
*#ABABD4;
*bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
* */
/*light theme*/ /*light theme*/
body.light{ body.light{
--bg-color: #ABABD4; --bg-color: #e2e3e5;
--normal-text: #000; --normal-text: #000;
--link-unclicked: #153057; --link-unclicked: #2535B4;
--link-clicked: #042; --link-clicked: #832244;
--header-bg: #9494C8; /*#E6DDE6
--nav-link-color: #523; * #dce2e5*/
--header-bg: #dce5dc;
/*#841163
* #115e84*/
--nav-link-color: #118411;
--content-border-color: #026;
} }
body { body {
@ -56,5 +76,10 @@ a:hover {
} }
#content { #content {
display: inline-block;
margin: 1em; margin: 1em;
padding: 1em;
min-width: calc(100% - 5em);
border: 0.5em solid var(--content-border-color);
border-radius: 0.5em;
} }

View file

@ -7,11 +7,11 @@
<link rel="stylesheet" type="text/css" href="/static/css/default.css" /> <link rel="stylesheet" type="text/css" href="/static/css/default.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://pagwin.xyz/index.xml"> <link rel="alternate" type="application/rss+xml" title="RSS" href="https://pagwin.xyz/index.xml">
</head> </head>
<body class="light"> <body class="dark">
<div id="header"> <div id="header">
<a class="nav-link" href="/">Home</a> <a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/blog">Blog Posts</a>
<a class="nav-link" href="/links/">Links</a> <a class="nav-link" href="/links/">Links</a>
<a class="nav-link" href="/index.xml">RSS</a>
</div> </div>
<div id="content"> <div id="content">
<h1>{{{title}}}</h1> <h1>{{{title}}}</h1>