Feat: dark css

daemon/webpack.config.js

@@ -6,7 +6,11 @@ module.exports = {
   entry: "./dist/daemon/src/app.js",
   target: "node",
   externalsPresets: { node: true },
-  externals: [nodeExternals()],
+  externals: [
+    nodeExternals({
+      allowlist: ["common"]
+    })
+  ],
   output: {
     filename: "app.js",
     path: path.resolve(__dirname, "production")

frontend/src/assets/variables-dark.scss

@@ -1,8 +1,9 @@
 .app-dark-theme {
   @extend .app-dark-base-color;
 
-  --background-color: var(--color-gray-1);
-  --background-color-white: var(--color-gray-1);
+  --vscode-bg-color: rgb(32, 32, 32);
+  --background-color: var(--color-gray-2);
+  --background-color-white: var(--vscode-bg-color);
   --drag-background-color: var(--color-gray-10);
   --new-card-list-background-color: rgba(201, 200, 200, 0.2);
   --new-card-list-background-color-menu: rgba(129, 129, 129, 0.8);
@@ -11,13 +12,17 @@
 
   --login-panel-bg: rgba(56, 56, 56, 0.8);
 
-  --app-header-bg: rgba(12, 12, 12, 0.8);
+  --app-header-bg: rgba(30, 30, 30, 0.6);
   --app-header-text-color: var(--color-gray-9);
 
   --text-color: var(--color-gray-8);
 
   --card-border-color: rgba(215, 215, 215, 0.257);
   --card-shadow-color: rgba(255, 255, 255, 0);
+
+  .app-header-wrapper {
+    border-bottom: 1px solid var(--color-gray-5);
+  }
 }
 
 .app-dark-base-color {

panel/webpack.config.js

@@ -6,7 +6,11 @@ module.exports = {
   entry: "./dist/panel/src/app.js",
   target: "node",
   externalsPresets: { node: true },
-  externals: [nodeExternals()],
+  externals: [
+    nodeExternals({
+      allowlist: ["common"]
+    })
+  ],
   output: {
     filename: "app.js",
     path: path.resolve(__dirname, "production")