From b1f74c00577f732795e8f833c9ebec39470a8870 Mon Sep 17 00:00:00 2001
From: coderaiser <coderaiser@cloudcmd.io>
Date: Thu, 28 Mar 2024 14:39:26 +0200
Subject: [PATCH] feature: css: add vars

---
 css/main.css      |  1 +
 css/query.css     |  2 +-
 css/style.css     | 13 ++++---------
 css/user-menu.css |  2 +-
 css/vars.css      |  4 ++++
 5 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 css/vars.css

diff --git a/css/main.css b/css/main.css
index b30c0ed3..dc24e51b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,4 @@
+@import url(./vars.css);
 @import url(./urls.css);
 @import url(./reset.css);
 @import url(./style.css);
diff --git a/css/query.css b/css/query.css
index d1101404..6b7c98a4 100644
--- a/css/query.css
+++ b/css/query.css
@@ -121,7 +121,7 @@
     
     /* текущий файл под курсором */
     .current-file {
-        background-color: var(--color-transparent);
+        background-color: var(--border-color);
         color: white;
     }
     /* делаем иконки под курсом белыми */
diff --git a/css/style.css b/css/style.css
index 5836ec95..e9d374a2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,8 +1,3 @@
-:root {
-    --color: rgb(49 123 249);
-    --color-transparent: rgb(49 123 249 / 40%);
-}
-
 html {
     height: 94%;
 }
@@ -51,7 +46,7 @@ code {
 .panel,
 .cmd-button {
     border: 1px solid;
-    border-color: var(--color-transparent);
+    border-color: var(--border-color);
 }
 
 .icon {
@@ -98,7 +93,7 @@ code {
     bottom: 5px;
     left: 16px;
     font-size: 10px;
-    color: var(--color);
+    color: var(--icon-color);
     content: attr(data-progress);
 }
 
@@ -118,7 +113,7 @@ code {
 
 .cmd-button:active {
     color: white;
-    background-color: var(--color);
+    background-color: var(--icon-color);
     transition: ease 0.1s;
 }
 
@@ -169,7 +164,7 @@ a:active {
 }
 
 .current-file {
-    box-shadow: 0 0 0 1px var(--color-transparent) inset;
+    box-shadow: 0 0 0 1px var(--border-color) inset;
 }
 
 .cut-file {
diff --git a/css/user-menu.css b/css/user-menu.css
index 9b8fe7bb..93eff00a 100644
--- a/css/user-menu.css
+++ b/css/user-menu.css
@@ -9,7 +9,7 @@
 }
 
 .cloudcmd-user-menu > option:checked {
-    box-shadow: 20px -20px 0 2px var(--color) inset;
+    box-shadow: 20px -20px 0 2px var(--icon-color) inset;
 }
 
 .cloudcmd-user-menu-button {
diff --git a/css/vars.css b/css/vars.css
new file mode 100644
index 00000000..0f8c9579
--- /dev/null
+++ b/css/vars.css
@@ -0,0 +1,4 @@
+:root {
+    --icon-color: rgb(49 123 249);
+    --border-color: rgb(49 123 249 / 40%);
+}