Update foot and firefox colorschemes to evergreen

2 files changed, 102 insertions, 62 deletions

diff --git a/.config/foot/foot.ini b/.config/foot/foot.ini
index b3cbfc5..9192b5d 100644
--- a/.config/foot/foot.ini
+++ b/.config/foot/foot.ini
@@ -3,36 +3,33 @@ font=monospace:size=11
 font-size-adjustment=1.0
 
 [cursor]
-color=000000 e0af68
+color=000000 a7c080
 
 [colors]
-alpha=0.85
-foreground=c0caf5
-background=1a1b26
-selection-foreground=c0caf5
-selection-background=283457
-urls=73daca
+alpha=0.95
+foreground=d3c6aa
+background=1e2326
+selection-foreground=dbbc7f
+selection-background=45443c
+urls=493b40
 
-regular0=15161e
-regular1=f7768e
-regular2=9ece6a
-regular3=e0af68
-regular4=7aa2f7
-regular5=bb9af7
-regular6=7dcfff
-regular7=a9b1d6
+regular0=1e2326
+regular1=4c3743
+regular2=3c4841
+regular3=45443c
+regular4=384b55
+regular5=5f4598
+regular6=148588
+regular7=9da9a0
 
-bright0=414868
-bright1=f7768e
-bright2=9ece6a
-bright3=e0af68
-bright4=7aa2f7
-bright5=bb9af7
-bright6=7dcfff
-bright7=c0caf5
-
-16=ff9e64
-17=db4b4b
+bright0=414b50
+bright1=e67e80
+bright2=a7c080
+bright3=dbbc7f
+bright4=7fbbb3
+bright5=d699b6
+bright6=83c092
+bright7=ffffff
 
 [key-bindings]
 scrollback-up-line=Mod1+k
diff --git a/chrome/userChrome.css b/chrome/userChrome.css
index a446b19..0b25aca 100644
--- a/chrome/userChrome.css
+++ b/chrome/userChrome.css
@@ -1,51 +1,67 @@
 :root {
-  --bg:                     #080808;
-  --fg:                     #b2b2b2;
-  --bold:                   #eeeeee;
-  --cursor:                 #9e9e9e;
-  --cursor-txt:             #080808;
-  --sel:                    #b2ceee;
-  --sel-txt:                #080808;
 
-  --black-light:            #949494;
-  --black:                  #323437;
-  --blue-light:             #74b2ff;
-  --blue:                   #80a0ff;
-  --cyan-light:             #85dc85;
-  --cyan:                   #79dac8;
-  --green-light:            #36c692;
-  --green:                  #8cc85f;
-  --purple-light:           #ae81ff;
-  --purple:                 #cf87e8;
-  --red-light:              #ff5189;
-  --red:                    #ff5454;
-  --white-light:            #e4e4e4;
-  --white:                  #c6c6c6;
-  --yellow-light:           #c2c292;
-  --yellow:                 #e3c78a;
+  --black:                  #1e2326;
+  --red:                    #4c3743;
+  --green:                  #3c4841;
+  --yellow:                 #45443c;
+  --blue:                   #384b55;
+  --purple:                 #5f4598;
+  --cyan:                   #148588;
+  --white:                  #9da9a0;
+
+  --black-light:            #414b50;
+  --red-light:              #e67e80;
+  --green-light:            #a7c080;
+  --yellow-light:           #dbbc7f;
+  --blue-light:             #7fbbb3;
+  --purple-light:           #d699b6;
+  --cyan-light:             #83c092;
+  --white-light:            #ffffff;
+
+  --bg:                     #4f5b58;
+  --fg:                     #d3c6aa;
+  --bold:                   #eeeeee;
+  --cursor:                 var(--green-light);
+  --cursor-txt:             var(--black);
+  --sel:                    #493b40;
+  --sel-txt:                var(--black);
 
-  --accent-color:           var(--purple-light);
+  --accent-color:           var(--green-light);
   --tab-color:              var(--bg);
   --tab-text-color:         var(--fg);
-  --secondary-accent-color: var(--purple);
-  --secondary-tab-color:    var(--red);
+  --secondary-accent-color: var(--green);
+  --secondary-tab-color:    var(--red-light);
   --secondary-tab-text-color: var(--fg);
-  --url-bg:                 var(--black);
+  --url-bg:                 var(--bg);
+  --url-fg:                 var(--fg);
 
   /* override colors */
-  
+
+  --tab-hover-outline-color: #495156 !important;
+  /*--tab-hover-background-color: #495157 !important;*/
   --tab-selected-bgcolor: var(--accent-color) !important;
-  --tab-selected-outline-color: var(--secondary-accent-color) !important;
+  --tab-selected-outline-color: var(--accent-color) !important;
+  --tab-selected-shadow: none !important;
 
-  --toolbar-field-background-color: var(--bg) !important;
-  --toolbar-bgcolor: var(--black) !important;
+  --toolbar-field-background-color: #495156 !important;
+  --toolbar-field-color: var(--fg) !important;
+  --toolbar-field-focus-background-color: var(--black) !important;
+  --toolbar-field-focus-color: var(--fg) !important;
+  --toolbar-bgcolor: var(--bg) !important;
   --toolbar-color: var(--fg) !important;
   --toolbarbutton-outer-padding: 0 0 !important;
-  
-  --toolbox-bgcolor: var(--black) !important;
-  --toolbox-bgcolor-inactive: var(--black) !important;
-  
+
+  --toolbox-bgcolor: var(--bg) !important;
+  --toolbox-bgcolor-inactive: var(--bg) !important;
+
   --inactive-titlebar-opacity: 0.5 !important;
+
+  --toolbar-start-end-padding: 2pt !important;
+
+}
+
+#nav-bar-customization-target {
+  gap: var(--toolbar-start-end-padding);
 }
 
 #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])[orient="horizontal"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
@@ -85,4 +101,31 @@
 .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"],
 .titlebar-buttonbox-container {
   display: none !important;
-}
\ No newline at end of file
+}
+
+#tabbrowser-tabs[orient="vertical"] {
+  & .tab-background {
+    margin-inline: unset !important;
+  }
+}
+
+#tabbrowser-tabs[orient="vertical"] {
+  &:not([expanded]) {
+    & .tab-background {
+      width: unset !important;
+    }
+  }
+}
+
+#tabbrowser-tabs[orient="vertical"] {
+  & .tabbrowser-tab {
+    padding-block: 0px 2px !important;
+  }
+}
+
+.tab-background {
+  margin-block: unset;
+  border-radius: 0px !important;
+  box-shadow: none;
+  outline-color: unset;
+}