themes/default/layouts/_default/summary: Color in drafts

To make them easier to identify.

2 files changed, 17 insertions, 10 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index adca442..1b0e4a2 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -31,6 +31,7 @@
   --border-darker: #ccc;
   --border-lighter: #eee;
   --button-background: #fff;
+  --danger-background-lighter: #fff5f5;
   --danger-background: #fcd2cf;
   --danger: #8f0000;
   --disabled: #999;
@@ -55,12 +56,13 @@
 @media (prefers-color-scheme: dark) {
   :root {
     --active-background-alternate: #425a8a;
-    --background-bolder: #111;
+    --background-bolder: #0d0d0d;
     --background-transparent: rgba(28, 28, 28, 0.9);
     --background: #111;
     --border-darker: #555;
     --border-lighter: #262626;
     --button-background: #333;
+    --danger-background-lighter: #1b0404;
     --danger-background: #4f1c1c;
     --danger: #ff9494;
     --disabled: #999;
@@ -70,15 +72,15 @@
     --hover-background-alternate: #1c263a;
     --hover-background: #303030;
     --input-background: #333;
-    --link: #8cb4ff;
+    --link: #a3c3ff;
     --shadow: #000;
     --spoiler: #aaa;
     --success-background: #2d3e0f;
     --success: #d5f3c4;
     --table-row-even-background: #273030;
     --table-row-odd-background: #2e3838;
-    --warning-background: #42381f;
-    --warning: #ffe699;
+    --warning-background: #a89700;
+    --warning: #000;
     --widget-background: #171717;
   }
   img {
@@ -127,14 +129,14 @@
   text-decoration: none;
 }
 
-:focus:not(html):not(body):not(pre):not(svg):not(button) {
+:focus:not(html):not(body):not(pre):not(svg):not(button):not(input) {
   background-color: #ffe699;
   background-color: var(--warning-background);
   color: #111;
-  color: var(--foreground);
+  color: var(--warning);
 }
 
-:hover:not(a):not(s):not(img):not(summary):not(nav):not(abbr):not(form):not(code) {
+:hover:not(a):not(s):not(img):not(summary):not(nav):not(abbr):not(form):not(code):not(mark) {
   border-radius: 0.5rem;
 }
 
@@ -331,8 +333,8 @@ column-left nav li:hover a {
 }
 
 column-left nav li:hover svg {
-  fill: #ffe699;
-  fill: var(--warning-background);
+  fill: #cce1ff;
+  fill: var(--active-background-alternate);
 }
 
 column-left nav a span {
@@ -1576,6 +1578,11 @@ kbd {
   text-decoration: none;
 }
 
+[draft] {
+  background-color: #fff5f5;
+  background-color: var(--danger-background-lighter);
+}
+
 [disabled] {
   cursor: not-allowed;
   border-color: #ddd;
diff --git a/themes/default/layouts/_default/summary.html b/themes/default/layouts/_default/summary.html
index fc3c305..2229a32 100644
--- a/themes/default/layouts/_default/summary.html
+++ b/themes/default/layouts/_default/summary.html
@@ -1,4 +1,4 @@
-<micro-card {{ if .Weight }}pinned{{ end }} id="{{ partial "card-id.html" . }}">
+<micro-card {{ if .Weight }}pinned{{ end }} {{ if .Draft }}draft{{ end }} id="{{ partial "card-id.html" . }}">
   {{ if .ExpiryDate }}<micro-expires>{{ end }}
     <micro-summary title="{{- partial "title.html" . -}}">
       <micro-thumbnail>