Home

blog @main - refs - log -
-
https://git.jolheiser.com/blog.git
My nonexistent blog
tree log patch
fix visited link style Signed-off-by: jolheiser <git@jolheiser.com>
Signature
-----BEGIN SSH SIGNATURE----- U1NIU0lHAAAAAQAAADMAAAALc3NoLWVkMjU1MTkAAAAgBTEvCQk6VqUAdN2RuH6bj1dNkY oOpbPWj+jw4ua1B1cAAAADZ2l0AAAAAAAAAAZzaGE1MTIAAABTAAAAC3NzaC1lZDI1NTE5 AAAAQDIalE27ywzF8ThLMoriKX21igSE496c1osg9uxyw1YaPa9MNywXaPL2wjWhEmJm/6 IJqbJ/ZEmp73jGBFysVQM= -----END SSH SIGNATURE-----
jolheiser <git@jolheiser.com>
2 weeks ago
1 changed files, 68 additions(+), 19 deletions(-)
M static/sakura.cssstatic/sakura.css
diff --git a/static/sakura.css b/static/sakura.css
index 22b5a0a468044f3b8c4e4730e8439938c097c6c1..393a82fe9f98bfd18e25411a54a71f1b621c5a91 100644
--- a/static/sakura.css
+++ b/static/sakura.css
@@ -18,7 +18,7 @@     --blossom: #94e2d5;
     --fade: #f5c2e7;
     --bg: #1e1e2e;
     --bg-alt: #11111b;
-    --text: #cdd6f4; 
+    --text: #cdd6f4;
   }
 }
 
@@ -43,12 +43,19 @@   body {
     font-size: 1.53rem;
   }
 }
+
 @media (max-width: 382px) {
   body {
     font-size: 1.35rem;
   }
 }
-h1, h2, h3, h4, h5, h6 {
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   line-height: 1.1;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
   font-weight: 700;
@@ -89,7 +96,9 @@   margin-top: 0px;
   margin-bottom: 2.5rem;
 }
 
-small, sub, sup {
+small,
+sub,
+sup {
   font-size: 75%;
 }
 
@@ -101,9 +110,11 @@ a {
   text-decoration: none;
   color: var(--blossom);
 }
+
 a:visited {
-  color: #144f5a;
+  color: oklch(from var(--blossom) calc(l * 0.5) c h);
 }
+
 a:hover {
   color: var(--fade);
   border-bottom: 2px solid var(--text);
@@ -135,7 +146,8 @@ blockquote p {
   margin-bottom: 0;
 }
 
-img, video {
+img,
+video {
   height: auto;
   max-width: 100%;
   margin-top: 0px;
@@ -153,14 +165,16 @@   margin-bottom: 2.5rem;
   font-size: 0.9em;
 }
 
-code, kbd, samp {
+code,
+kbd,
+samp {
   font-size: 0.9em;
   padding: 0 0.5em;
   background-color: var(--bg-alt);
   white-space: pre-wrap;
 }
 
-pre > code {
+pre>code {
   padding: 0;
   background-color: transparent;
   white-space: pre;
@@ -175,16 +189,20 @@   border-collapse: collapse;
   margin-bottom: 2rem;
 }
 
-td, th {
+td,
+th {
   padding: 0.5em;
   border-bottom: 1px solid var(--bg-alt);
 }
 
 /* Buttons, forms and input */
-input, textarea {
+input,
+textarea {
   border: 1px solid var(--text);
 }
-input:focus, textarea:focus {
+
+input:focus,
+textarea:focus {
   border: 1px solid var(--blossom);
 }
 
@@ -192,7 +210,12 @@ textarea {
   width: 100%;
 }
 
-.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
+.button,
+button,
+input[type=submit],
+input[type=reset],
+input[type=button],
+input[type=file]::file-selector-button {
   display: inline-block;
   padding: 5px 10px;
   text-align: center;
@@ -205,23 +228,44 @@   border: 1px solid var(--blossom);
   cursor: pointer;
   box-sizing: border-box;
 }
-.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+
+.button[disabled],
+button[disabled],
+input[type=submit][disabled],
+input[type=reset][disabled],
+input[type=button][disabled],
+input[type=file]::file-selector-button[disabled] {
   cursor: default;
   opacity: 0.5;
 }
-.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+
+.button:hover,
+button:hover,
+input[type=submit]:hover,
+input[type=reset]:hover,
+input[type=button]:hover,
+input[type=file]::file-selector-button:hover {
   background-color: var(--fade);
   color: var(--bg);
   outline: 0;
 }
-.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+
+.button:focus-visible,
+button:focus-visible,
+input[type=submit]:focus-visible,
+input[type=reset]:focus-visible,
+input[type=button]:focus-visible,
+input[type=file]::file-selector-button:focus-visible {
   outline-style: solid;
   outline-width: 2px;
 }
 
-textarea, select, input {
+textarea,
+select,
+input {
   color: var(--text);
-  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+  padding: 6px 10px;
+  /* The 6px vertically centers text on FF, ignored by Webkit */
   margin-bottom: 10px;
   background-color: var(--bg-alt);
   border: 1px solid var(--bg-alt);
@@ -229,7 +273,10 @@   border-radius: 4px;
   box-shadow: none;
   box-sizing: border-box;
 }
-textarea:focus, select:focus, input:focus {
+
+textarea:focus,
+select:focus,
+input:focus {
   border: 1px solid var(--blossom);
   outline: 0;
 }
@@ -238,8 +285,10 @@ input[type=checkbox]:focus {
   outline: 1px dotted var(--blossom);
 }
 
-label, legend, fieldset {
+label,
+legend,
+fieldset {
   display: block;
   margin-bottom: 0.5rem;
   font-weight: 600;
-}
+}
\ No newline at end of file