diff --git a/skin/classic/treestyletab/square/vertigo.css b/skin/classic/treestyletab/square/vertigo.css
index eacb2b26..8145bc70 100644
--- a/skin/classic/treestyletab/square/vertigo.css
+++ b/skin/classic/treestyletab/square/vertigo.css
@@ -30,32 +30,32 @@
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab:not([visuallyselected="true"]):hover {
-	-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
-	-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
+	-moz-border-top-colors: var(--tst-tab-surface-hover) var(--tst-tab-surface-hover) !important;
+	-moz-border-bottom-colors: var(--tst-tab-surface-hover) var(--tst-tab-surface-hover) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab:not([visuallyselected="true"]):not([pinned]):hover,
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab:not([visuallyselected="true"])[pinned]:not([titlechanged]):hover {
-	background-color: #e0e8f6 !important;
+	background-color: var(--tst-tab-surface-hover) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"] {
-	-moz-border-top-colors: #c1d2ee #c1d2ee !important;
-	-moz-border-bottom-colors: #c1d2ee #c1d2ee !important;
+	-moz-border-top-colors: var(--tst-tab-surface-selected) var(--tst-tab-surface-selected) !important;
+	-moz-border-bottom-colors: var(--tst-tab-surface-selected) var(--tst-tab-surface-selected) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"] {
-	background-color: #c1d2ee !important;
+	background-color: var(--tst-tab-surface-selected) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"]:hover {
-	-moz-border-top-colors: #d1e2fe #d1e2fe !important;
-	-moz-border-bottom-colors: #d1e2fe #d1e2fe !important;
+	-moz-border-top-colors: var(--tst-tab-surface-selected-hover) var(--tst-tab-surface-selected-hover) !important;
+	-moz-border-bottom-colors: var(--tst-tab-surface-selected-hover) var(--tst-tab-surface-selected-hover) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"]:hover {
-	background-color: #d1e2fe !important;
+	background-color: var(--tst-tab-surface-selected-hover) !important;
 }
 
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
@@ -69,22 +69,22 @@
   .tabbrowser-tab:not([visuallyselected="true"]):hover,
 .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
   .tabbrowser-tab:not([visuallyselected="true"]):hover {
-	-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
-	-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
+	-moz-border-left-colors: var(--tst-tab-surface-hover) var(--tst-tab-surface-hover) !important;
+	-moz-border-right-colors: var(--tst-tab-surface-hover) var(--tst-tab-surface-hover) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"],
 .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
   .tabbrowser-tab[visuallyselected="true"] {
-	-moz-border-left-colors: #c1d2ee #c1d2ee !important;
-	-moz-border-right-colors: #c1d2ee #c1d2ee !important;
+	-moz-border-left-colors: var(--tst-tab-surface-selected) var(--tst-tab-surface-selected) !important;
+	-moz-border-right-colors: var(--tst-tab-surface-selected) var(--tst-tab-surface-selected) !important;
 }
 .tabbrowser-tabs:not([treestyletab-tabbar-position="top"])
   .tabbrowser-tab[visuallyselected="true"]:hover,
 .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
   .tabbrowser-tab[visuallyselected="true"]:hover {
-	-moz-border-left-colors: #d1e2fe #d1e2fe !important;
-	-moz-border-right-colors: #d1e2fe #d1e2fe !important;
+	-moz-border-left-colors: var(--tst-tab-surface-selected-hover) var(--tst-tab-surface-selected-hover) !important;
+	-moz-border-right-colors: var(--tst-tab-surface-selected-hover) var(--tst-tab-surface-selected-hover) !important;
 }
 
 /* autohide */