Fix/tabs styling (#1832)

Co-authored-by: ammar92 <[email protected]>
Co-authored-by: Jeroen Dekkers <[email protected]>

rocky/assets/css/themes/soft/manon/tabs.scss

@@ -1,16 +1,26 @@
 /* Tabs - Variables */
 
 :root {
-	/* Tab */
-	--tabs-border-color: #cccccc;
+  --tabs-border-width: 0;
 
-	/* Active tab */
-	--tabs-item-active-text-color: var(--branding-color-1-darker);
-	--tabs-item-active-border-color: var(--branding-color-1-darker);
-	--tabs-item-active-hover-border-color: var(--branding-color-1-darker);
-	--tabs-item-active-hover-text-color: var(--branding-color-1-darker);
+  /* Tab */
+  --tabs-border-color: #cccccc;
+  --tabs-item-text-color: var(--application-base-text-color);
 
-	/* Hover */
-	--tabs-item-hover-text-color: var(--branding-color-1-darker);
-	--tabs-item-hover-border-color: var(--branding-color-1-darker);
+  /* Active tab */
+  --tabs-item-active-text-color: var(--application-base-text-color);
+  --tabs-item-active-border-color: var(--kat-purrple-6);
+  --tabs-item-active-hover-border-color: var(--kat-purrple-6);
+  --tabs-item-active-hover-text-color: var(--application-base-text-color);
+  --tabs-item-active-border-width: 0 0 4px 0;
+
+  /* Hover */
+  --tabs-item-hover-border-width: 0 0 4px 0;
+  --tabs-item-hover-border-color: #d4d4d4;
+}
+
+.tabs ul li > a:focus,
+ul.tabs li > a:focus {
+  border: 0 0 4px 0;
+  border-color: var(--kat-purrple-6);
 }

rocky/package.json

@@ -11,7 +11,7 @@
     "prettier": "^2.7.1"
   },
   "dependencies": {
-    "@minvws/manon": "15.3.0",
+    "@minvws/manon": "16.0.1",
     "d3": "^7.4.3"
   },
   "browserslist": [

rocky/yarn.lock

@@ -105,10 +105,10 @@
   resolved "https://registry.yarnpkg.com/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-2.5.2.tgz#28f643fbc0bec30b07fbe95b137879b6b4d1c9c5"
   integrity sha512-zrBczSbXKxEyK2ijtbRdICDygRqWSRPpZMN5dD1T8VMEW5RIhIbwFWw2phDRXuBQdVDpSjalCIUMWMV2h3JaZA==
 
-"@minvws/manon@15.3.0":
-  version "15.3.0"
-  resolved "https://registry.yarnpkg.com/@minvws/manon/-/manon-15.3.0.tgz#d9b916dc2511e12f739b1d8d609941f4b06c4d8d"
-  integrity sha512-Ut5by++eYVXFBLq/M5VjriOkjr6hXRWocongV6UY/5ShNekISlxuXekzX9HzEJDmpnAcVBVL+Ylhvlj0DS+/bw==
+"@minvws/manon@16.0.1":
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/@minvws/manon/-/manon-16.0.1.tgz#91aeb82c625ed5ede73608fd6ee702128d3c538c"
+  integrity sha512-q8DBDE9c//uRyD4cwhgtdh9bGyewjZLudynnH47vSV47RZFl+vD/VvNmqgbGTj8lPTRsFfQM97ASM3ouCZB0lA==
 
 "@mischnic/json-sourcemap@^0.1.0":
   version "0.1.0"