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*/
body.dark{
--bg-color: #000;
--normal-text: #5ac;
/*
* #5ac
* */
--normal-text: #CCC;
--link-clicked: #B250D8;
--link-unclicked: #d80;
--header-bg: #333;
--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*/
body.light{
--bg-color: #ABABD4;
--bg-color: #e2e3e5;
--normal-text: #000;
--link-unclicked: #153057;
--link-clicked: #042;
--header-bg: #9494C8;
--nav-link-color: #523;
--link-unclicked: #2535B4;
--link-clicked: #832244;
/*#E6DDE6
* #dce2e5*/
--header-bg: #dce5dc;
/*#841163
* #115e84*/
--nav-link-color: #118411;
--content-border-color: #026;
}
body {
@ -56,5 +76,10 @@ a:hover {
}
#content {
display: inline-block;
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="alternate" type="application/rss+xml" title="RSS" href="https://pagwin.xyz/index.xml">
</head>
<body class="light">
<body class="dark">
<div id="header">
<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="/index.xml">RSS</a>
</div>
<div id="content">
<h1>{{{title}}}</h1>