hugo-soresu

commit 35c89a623d06196680a2e3e903e8e68d3ee44357
parent b245e3a895970a4fbe17113b1d2b294a9b897d0c
Author: Shimmy Xu <shimmy.xu@shimmy1996.com>
Date:   Mon, 16 Sep 2019 00:42:56 -0400

Give color variables more sensible name

Diffstat:
M
layouts/partials/css/isso.css
 | 
14
+++++++-------
M
layouts/partials/css/style.css
 | 
22
+++++++++++-----------

2 files changed, 18 insertions(+), 18 deletions(-)
diff --git a/layouts/partials/css/isso.css b/layouts/partials/css/isso.css
@@ -42,7 +42,7 @@
 }
 #isso-root .isso-comment:not(:first-of-type),
 .isso-follow-up .isso-comment {
-    border-top: 1px dashed var(--stress-2-color);
+    border-top: 1px dashed var(--border-2-color);
 }
 .isso-comment > div.avatar {
     display: block;
@@ -53,7 +53,7 @@
 .isso-comment > div.avatar > svg {
     max-width: 48px;
     max-height: 48px;
-    border: 2px solid var(--stress-2-color);
+    border: 2px solid var(--border-2-color);
     border-radius: 5px;
 }
 .isso-comment > div.text-wrapper {
@@ -113,7 +113,7 @@
 .isso-comment > div.text-wrapper > div.textarea-wrapper .textarea,
 .isso-comment > div.text-wrapper > div.textarea-wrapper .preview {
     width: 100%;
-    border: 2px solid var(--stress-2-color);
+    border: 2px solid var(--border-2-color);
     border-radius: 5px;
 }
 .isso-comment > div.text-wrapper > .isso-comment-footer {
@@ -176,7 +176,7 @@
     padding: .4em .8em;
     border-radius: 5px;
     background: var(--background-color);
-    border: 2px solid var(--stress-2-color);
+    border: 2px solid var(--border-2-color);
 }
 .isso-postbox > .form-wrapper input[type=checkbox] {
     vertical-align: middle;
@@ -208,7 +208,7 @@
     background: var(--background-color);
     color: var(--text-color);
     line-height: 1.4em;
-    border: 2px solid var(--stress-2-color);
+    border: 2px solid var(--border-2-color);
 }
 .isso-postbox > .form-wrapper > .auth-section .post-action {
     display: inline-block;
@@ -221,8 +221,8 @@
     appearance: none;
     padding: .3em;
     border-radius: 5px;
-    border: 2px solid var(--stress-1-color);
-    background-color: var(--stress-1-color);
+    border: 2px solid var(--border-1-color);
+    background-color: var(--border-1-color);
     color: var(--accent-color);
     cursor: pointer;
     outline: 0;
diff --git a/layouts/partials/css/style.css b/layouts/partials/css/style.css
@@ -3,8 +3,8 @@
     --background-color: #f7f3e3;
     --text-color: #2e2d2b;
     --code-background-color: #e3dacb;
-    --stress-1-color: #e7e3d3;
-    --stress-2-color: #d7d3c3;
+    --border-1-color: #e7e3d3;
+    --border-2-color: #d7d3c3;
 }
 
 {{ partial "css/chroma_light.css" . | safeCSS}}
@@ -15,8 +15,8 @@
         --background-color: #080c1c;
         --text-color: #d1d2d4;
         --code-background-color: #1c2534;
-        --stress-1-color: #181c2c;
-        --stress-2-color: #282c3c;
+        --border-1-color: #181c2c;
+        --border-2-color: #282c3c;
     }
 
     {{ partial "css/chroma_dark.css" . | safeCSS}}
@@ -38,7 +38,7 @@ body {
     display: inline-block;
 }
 .article-meta, .menu a {
-    background: var(--stress-1-color);
+    background: var(--border-1-color);
     padding: 5px;
     border-radius: 5px;
 }
@@ -54,7 +54,7 @@ header time {
     font-weight: bold;
 }
 hr {
-    border: 1px dashed var(--stress-2-color);
+    border: 1px dashed var(--border-2-color);
 }
 .subtitle {
     color: var(--accent-color);
@@ -69,7 +69,7 @@ a:hover {
 }
 /* code */
 pre {
-    border: 1px solid var(--stress-2-color);
+    border: 1px solid var(--border-2-color);
     padding: 1em;
     border-radius: 5px;
     overflow-x: auto;
@@ -95,13 +95,13 @@ main {
     hyphens: manual;
 }
 blockquote {
-    background: var(--stress-1-color);
-    border-left: 5px solid var(--stress-2-color);
+    background: var(--border-1-color);
+    border-left: 5px solid var(--border-2-color);
     border-radius: 5px;
     padding: 3px 1em 3px;
 }
 table {
-    background: var(--stress-1-color);
+    background: var(--border-1-color);
     border-radius: 5px;
     border-collapse: collapse;
     margin: auto;
@@ -111,5 +111,5 @@ th, td {
     padding: 5px;
 }
 thead, tfoot, tr:nth-child(even) {
-    background: var(--stress-2-color);
+    background: var(--border-2-color);
 }