refactor: adjust styles for light theme

Author: dd84ai

blog/common/common_static/custom.templ

@@ -189,7 +189,7 @@ templ CustomCSS() {
 .button-84 {
   align-items: center;
   background-color: initial;
-  background-image: linear-gradient(#464d55, #25292e);
+  background-image: var(--spoiler-background);
   border-radius: 8px;
   border-width: 0;
   box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);

blog/common/shared.templ

@@ -98,6 +98,8 @@ templ Html5(options HtmlOptions) {
 				--color-severe: #db6d28;
 				--color-caution: #f85149;
 				--color-important: #a371f7;
+
+				--spoiler-background: linear-gradient(#464d55, #25292e);
 			}
 			body {
 				background: #0D0D0D;
@@ -118,6 +120,8 @@ templ Html5(options HtmlOptions) {
 				--color-severe: #bc4c00;
 				--color-caution: #d1242f;
 				--color-important: #8250df;
+
+				--spoiler-background: linear-gradient(#e5c48a, #977f54);
 			}
 			body {
 				background: #f0f0f0;