chore: make dark theme active by default (#2)

vitaliy-guliy · web-flow · commit ea40309b2229 · 2025-02-03T15:47:20.000+02:00
Signed-off-by: vitaliy-guliy &lt;vgulyy@redhat.com&gt;
diff --git a/server/public/style.css b/server/public/style.css
@@ -218,4 +218,49 @@ a:visited {
 
 .primary:hover {
   background-color: rgb(2, 88, 168)!important;
-}
+}
+
+/******************************************************************************
+ * DARK THEME
+ ******************************************************************************/
+
+.dark {
+  background-color: rgb(24, 24, 24);
+  color: rgb(204, 204, 204);
+}
+
+.dark a {
+  color: #547ecd;
+}
+
+.dark .console-button {
+  color: rgb(150, 150, 204);
+}
+
+.dark .console-button span {
+  color: rgb(66, 66, 66);
+}
+
+.dark .console-button:hover,
+.dark .console-button:hover span {
+  color: rgb(0, 102, 204);
+}
+
+.dark .login .popup {
+  background-color: rgb(32, 32, 32);
+  border-color: rgb(204, 204, 204);
+  color: rgb(204, 204, 204);
+}
+
+.dark .login .cancel {
+  background-color: rgb(49, 49, 49);
+  border-color: rgba(255, 255, 255, 0.07);
+  color: rgb(204, 204, 204);
+}
+
+.dark .login .authenticate-microsoft,
+.dark .login .authenticate-github {
+  color: rgb(255, 255, 255);
+  background-color: rgb(0, 120, 212);
+  border-color: rgba(255, 255, 255, 0.07);
+}
diff --git a/server/views/create.ejs b/server/views/create.ejs
@@ -34,7 +34,7 @@
     </script>
 
   </head>
-  <body>
+  <body class="dark">
     <pre>
 
       *
diff --git a/server/views/login.ejs b/server/views/login.ejs
@@ -199,7 +199,7 @@
       }
     </script>
   </head>
-  <body>
+  <body class="dark">
     <pre style="display: none">
 
       *

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@`
`34`	`34`	`</script>`
`35`	`35`
`36`	`36`	`</head>`
`37`		`- <body>`
	`37`	`+ <body class="dark">`
`38`	`38`	`<pre>`
`39`	`39`
`40`	`40`	`*`
Original file line number	Diff line number	Diff line change
`@@ -199,7 +199,7 @@`
`199`	`199`	`}`
`200`	`200`	`</script>`
`201`	`201`	`</head>`
`202`		`- <body>`
	`202`	`+ <body class="dark">`
`203`	`203`	`<pre style="display: none">`
`204`	`204`
`205`	`205`	`*`