Fix the border opacity and height

mattermost · Feb 26, 2025 · 315c5cd · 315c5cd
1 parent 0862ddb
commit 315c5cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 13 deletions.
diff --git a/src/renderer/components/SettingsModal/SettingsModal.scss b/src/renderer/components/SettingsModal/SettingsModal.scss
@@ -8,7 +8,6 @@
 
     > .Modal_content {
         border: var(--border-light);
-        min-height: 475px;
         display: flex;
         flex-direction: column;
     }
@@ -22,6 +21,7 @@
     .Modal__body {
         display: flex;
         flex: 1;
+        min-height: 475px;
 
         .SettingsModal__sidebar {
             flex: 0 0 auto;
@@ -74,7 +74,7 @@
 
         .SettingsModal__content {
             padding: 28px 32px;
-            border-right: var(--border-light);
+            border-left: var(--border-light);
             width: 100%;
             display: flex;
             flex-direction: column;
@@ -104,14 +104,3 @@
         }
     }
 }
-
-body.darkMode .SettingsModal {
-    .Modal_content {
-        border: var(--border-dark);
-    }
-
-    .Modal__body .SettingsModal__content {
-        border-right: var(--border-dark);
-    }
-}
-
diff --git a/src/renderer/css/_css_variables.scss b/src/renderer/css/_css_variables.scss
@@ -133,4 +133,9 @@
     --error-text: #da6c6e;
     --mention-highlight-bg: #0d6e6e;
     --mention-highlight-link: #a4f4f4;
+
+    /* Border variables */
+    --border-default: solid 1px rgba(var(--center-channel-color-rgb), 0.12);
+    --border-light: solid 1px rgba(var(--center-channel-color-rgb), 0.08);
+    --border-dark: solid 1px rgba(var(--center-channel-color-rgb), 0.16);
 }