unify vivalfi&adaptative-tab releases, add css file to selecte add-on

Neikon · Aug 29, 2023 · 466fb8c · 466fb8c
1 parent 09e3f30
commit 466fb8c
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 11 deletions.
diff --git a/components/adaptative_tab_bar_color.css b/components/adaptative_tab_bar_color.css
@@ -0,0 +1,6 @@
+@media (prefers-color-scheme: dark){ :root{
+    --auto-accent-color: rgb(80, 80, 80); 
+}}
+ @media (prefers-color-scheme: light){ :root{
+    --auto-accent-color: rgb(80, 80, 80); 
+}}
diff --git a/components/toolbars.css b/components/toolbars.css
@@ -19,6 +19,8 @@ findbar{
     margin-left:  4px !important;
     margin-bottom: 4px !important;
     border-radius: var(--general-border-radius) !important;
+    border-color: transparent;
+    background-color: var(--auto-general-color) !important;
 }
 #browser {
     --sidebar-border-color: transparent !important;
@@ -28,7 +30,7 @@ findbar{
     background-color: var(--auto-accent-color) !important;
     /* for debug only */
     /* margin: 50px !important;   */
-    border-radius: 8px !important;
+    /* border-radius: 8px !important; */
 }
 #navigator-toolbox, #navigator-toolbox-background{
     border-color: var(--auto-accent-color) !important;

diff --git a/components/vivaldifox.css b/components/vivaldifox.css
@@ -0,0 +1,24 @@
+.tab-background:is([selected], [multiselected]) {
+    /* color: var(--lwt-tab-text, var(--toolbar-color))!important; */
+    background-color: var(--auto-accent-color)!important;
+}
+
+@media (prefers-color-scheme: dark){ :root{
+    --auto-accent-color: color-mix(in srgb, var(--auto-general-color) 86%, white);
+}}
+ @media (prefers-color-scheme: light){ :root{
+    --auto-accent-color: color-mix(in srgb, var(--auto-general-color) 86%, black);
+}}
+:root{   
+    /* tab selected */
+    --tab-selected-bgcolor: var(--auto-accent-color) !important;
+    --lwt-selected-tab-background-color: var(--auto-accent-color) !important;
+    /* urlbar field */
+    --toolbar-field-background-color: var(--auto-accent-color) !important;
+    --toolbar-field-focus-background-color: var(--auto-accent-color) !important;
+    /* Urlbar text */
+    --toolbar-field-color: var(--lwt-text-color) !important;
+    --toolbar-field-focus-color: var(--lwt-text-color) !important;
+}
+/* tab selected border */
+#tabbrowser-tabs{ --lwt-tab-line-color: var(--auto-accent-color) !important; }
diff --git a/userChrome.css b/userChrome.css
@@ -4,20 +4,13 @@
 @import url('components/urlbar_centered_text.css');
 @import url('components/round_caption_buttons.css');
 @import url('components/toolbars.css');
+@import url('components/vivaldifox.css');
+/* @import url('components/adaptative_tab_bar_color.css'); */
 
 
 /* ############# Personal Settings ############## */
 #navigator-toolbox{--uc-autohide-toolbar-delay: 100ms; /* The toolbar is hidden after 0.1s */}
 :root{   
    --general-border-radius: 8px !important;
    --auto-general-color: var(--lwt-accent-color) !important;
-}
-@media (prefers-color-scheme: dark){ :root{
-   /* For VivaldiFox */
-   --auto-accent-color: color-mix(in srgb, var(--auto-general-color) 80%, white);
-   /* for Adaptive-Tab-Bar-Colour  */
-   /* --auto-accent-color: rgb(80, 80, 80);  */
-}}
-@media (prefers-color-scheme: light){ :root{
-   --auto-accent-color: color-mix(in srgb, var(--auto-general-color) 80%, black);
-}}
+}