diff --git a/css/config.css b/css/config.css
index ab456d97..fc4d4196 100644
--- a/css/config.css
+++ b/css/config.css
@@ -20,9 +20,9 @@
     line-height: 1.5;
     color: #555;
     border: 1px solid #ccc;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
+    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
@@ -44,9 +44,9 @@
 .config .form-control:focus {
     border-color: #66afe9;
     outline: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
-    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
+    -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 1px rgb(102 175 233 / 60%);
 }
 
 .config .form-control:focus:invalid:focus {
diff --git a/css/query.css b/css/query.css
index f6aca9e2..d4a4e154 100644
--- a/css/query.css
+++ b/css/query.css
@@ -130,7 +130,7 @@
     }
     
     .file::before, .file-link::before {
-        color: rgba(26, 224, 124, 0.56);
+        color: rgb(26 224 124 / 56%);
         content: '\e80d';
     }
     
@@ -140,7 +140,7 @@
     
     /* меняем иконки на шрифтовые */
     .mini-icon {
-        color           : rgba(246, 224, 124, 0.56);
+        color           : rgb(246 224 124 / 56%);
         font            : 16px 'Fontello';
         background-image: none;
         padding         : 1%;
@@ -168,7 +168,7 @@
     }
     
     .archive::before, .archive-link {
-        color: rgba(26, 224, 124, 0.56);
+        color: rgb(26 224 124 / 56%);
         content: '\e81d';
     }
     
diff --git a/css/style.css b/css/style.css
index 5bcd53fb..8044b300 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,6 +1,6 @@
 :root {
-    --color: rgba(49, 123, 249);
-    --color-transparent: rgba(49, 123, 249, 0.4);
+    --color: rgb(49 123 249);
+    --color-transparent: rgb(49 123 249 / 40%);
 }
 
 html {
@@ -29,7 +29,7 @@ body, pre, code {
 
 .fm, .keyspanel {
     cursor              : default;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
     -webkit-user-select : none;
     -moz-user-select    : none;
     -ms-user-select     : none;
@@ -76,7 +76,7 @@ body, pre, code {
 .error::before {
     font-family : 'Fontello';
     font-size   : 14px;
-    color       : rgb(222, 41, 41);
+    color       : rgb(222 41 41);
     cursor      : default;
     content     : '\e800';
 }
@@ -172,7 +172,7 @@ a:hover, a:active {
 }
 
 .selected-file, .selected-file .name > a {
-    color: rgb(254, 159, 224);
+    color: rgb(254 159 224);
 }
 
 .panel-right {
@@ -190,7 +190,7 @@ a:hover, a:active {
 }
 
 .selected-panel {
-    border-color: rgba(254, 159, 224, .40);
+    border-color: rgb(254 159 224 / 40%);
 }
 
 .keyspanel {
diff --git a/css/view.css b/css/view.css
index 4a02cd15..61463ca6 100644
--- a/css/view.css
+++ b/css/view.css
@@ -16,7 +16,7 @@
 
 .view-overlay {
     display     : block;
-    background  : rgba(255, 255, 255, 0.1);
+    background  : rgb(255 255 255 / 10%);
 }
 
 .media, video {