commit 6ab49005f7ef270fbd24d8583e0762cd4a2aa48e
parent 53708f563eb2b2746f5fb56e845cd29d05773c63
Author: cblgh <cblgh@cblgh.org>
Date: Tue, 6 Dec 2022 12:35:41 +0100
theme and css improvements
Diffstat:
2 files changed, 27 insertions(+), 28 deletions(-)
diff --git a/html/assets/theme.css b/html/assets/theme.css
@@ -2,16 +2,33 @@
* change these to change the forum's colours */
/* normal theme */
-blockquote { border-color: black }
-a:not([class]) { color: black; }
-a:visited { color: #666; }
-tr:hover td { background:#e2cca2; }
-body { background: wheat; color: black; }
+/* default theme colors:
+ * black
+ * wheat - bg
+ * #666 - visited link
+ * darkred - highlights: links, certain tags
+*/
-header details a:visited { color: black; }
+body { background: wheat; color: black; }
+textarea { background: black; color: wheat; }
+ul li { list-style-type: circle; }
+/* post author name is styled with `span > b` */
+blockquote { border-left-color: darkred; }
+pre code { color: darkred; }
+a:visited { color: #666; }
+a:not([class]), header details a:visited { color: darkred; }
+h1, h2, h2 > a:not([class]), span > b { color: black; }
/* halloween theme */
/*
+/* halloween theme colors
+ * #ff8000
+ * wheat
+ * gray
+ * #111
+ * #f2f2f2
+*/
+/*
header svg { fill: #ff8000; }
#logo {
width: 48px;
@@ -24,10 +41,10 @@ textarea { background: black; color: wheat; }
h1 a:visited, a:not([class]) { color: wheat; }
a:visited { color: gray; }
body { background: #111; color: #ff8000; }
-
header details a:visited { color: #ff8000; }
/* author colors */
/*
span > b { color: #ff8000; }
*/
+
diff --git a/html/head.html b/html/head.html
@@ -11,8 +11,6 @@
/* reset */
*,*::after,*::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ul[role='list'],ol[role='list']{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::after,*::before{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
/* end reset */
- /* below is the minimum viable css for simply getting the forum out the door; contributions, both in css and
- design mockups, welcome from the community for v2,v3,...,vn :) */
br { margin-bottom: unset; }
html {
max-width: 50rem;
@@ -47,19 +45,12 @@
ul { padding-left: 1rem; }
h1, h2 { margin-bottom: 1rem; }
p { margin-bottom: 1rem; }
- blockquote { padding-left: 1rem; border-left: 3px solid wheat; }
+ blockquote { padding-left: 1rem; border-left-style: solid;; border-left-width: 3px; }
div { margin-bottom: 2rem; }
- textarea { min-height: 10rem; background: black; color: wheat; }
+ textarea { min-height: 10rem; }
article > section { margin-bottom: 0.5rem; }
article { margin-bottom: 2rem; }
form div, label { margin-bottom: 0; }
- h1 a:visited,
- a:not([class]) {
- color: wheat;
- }
- a:visited {
- color: #666; /* for lack of better imagination */
- }
.selectable {
-webkit-touch-callout: all;
-webkit-user-select: all;
@@ -72,7 +63,6 @@
table { border:2px solid; }
th, td { text-align:left; padding: 2px 7px; border: 1px solid; }
th { font-weight: bold; }
- tr:hover td { background:#e2cca2; }
.post-container {
max-width: 30rem;
@@ -83,7 +73,7 @@
width: 100%;
}
- body { padding: 2rem; color: #111; background: wheat; }
+ body { padding: 2rem; }
* { margin-bottom: 1rem; }
.visually-hidden {
@@ -134,9 +124,6 @@
header details, header details summary {
margin-bottom: unset;
}
- header details a:visited {
- color: black;
- }
header details ul {
position: absolute;
}
@@ -144,11 +131,6 @@
display: block;
}
- /* post author name */
- span > b {
- color: black;
- }
-
@supports (display: flex) {
header > a {
background-image: none;