Banner for chromium based browser (#1068)

pages/base.css

@@ -236,17 +236,6 @@ textarea {
     visibility: hidden;
 }
 
-#chromium-banner {
-    background-color: #ffcccc;
-    border: 1px solid red;
-    border-radius: 3px;
-    display: none;
-    font-weight: bold;
-    margin-top: 20px;
-    padding: 0.8em;
-    text-align: center;
-}
-
 #notice-locale {
     background-color: #ffa500;
     border-radius: 3px;

pages/options/options.css

@@ -406,6 +406,17 @@ body[dir="rtl"] .input-text {
     width: 10px;
 }
 
+.chromium-banner {
+    background-color: #ffcccc;
+    border: 1px solid red;
+    border-radius: 3px;
+    display: none;
+    font-weight: bold;
+    margin-top: 20px;
+    padding: 0.8em;
+    text-align: center;
+}
+
 @media only screen and (max-width: 760px) {
     .div-badge {
         border: none;
@@ -452,4 +463,9 @@ body[dir="rtl"] .input-text {
     .options-help-icon {
         background-image: url("../../icons/help-light.svg");
     }
+
+    .chromium-banner {
+        background-color: #A20B0B;
+        color: white;
+    }
 }

pages/options/options.html

@@ -35,7 +35,7 @@
             <input type="button" id="btn-info-tab" class="option-buttons" data-option-tab="info-tab" data-i18n-content="btnInfo" value="Info"/>
         </div>
 
-        <div id="chromium-banner">Non-Firefox browsers do not support all features of LocalCDN. <a class="no-icon" href="../help/help.html#browser-compatibility">Read more</a></div>
+        <div id="chromium-banner" class="chromium-banner">Non-Firefox browsers do not support all features of LocalCDN. <a class="no-icon" href="../help/help.html#browser-compatibility">Read more</a></div>
 
         <div id="general-tab" class="tab-content">
             <div class="option-group">

pages/updates/updates.html

@@ -52,6 +52,7 @@
                         <p>Improved</p>
                         <ul>
                             <li>Custom block screen (<a href="https://codeberg.org/nobody/LocalCDN/issues/1050">#1050</a>)</li>
+                            <li>Banner for chromium based browser (<a href="https://codeberg.org/nobody/LocalCDN/issues/1068">#1068</a>)</li>
                         </ul>
                         <p>Removed</p>
                         <ul>