flexlayout-react 0.8.5 → 0.8.7

package/style/rounded.css

@@ -1,13 +1,13 @@
 .flexlayout__layout {
   --color-text: black;
-  --color-background: transparent;
+  --color-background: #f2f6fb;
   --color-base: #f2f6fb;
-  --color-1: rgb(230.69, 238.17, 247.52);
-  --color-2: rgb(219.7193, 230.5749, 244.1444);
-  --color-3: rgb(209.077721, 223.207653, 240.870068);
-  --color-4: rgb(198.75538937, 216.06142341, 237.69396596);
-  --color-5: rgb(188.7427276889, 209.1295807077, 234.6131469812);
-  --color-6: rgb(179.0304458582, 202.4056932865, 231.6247525718);
+  --color-1: rgb(230.3, 237.9, 247.4);
+  --color-2: rgb(218.6, 229.8, 243.8);
+  --color-3: rgb(206.9, 221.7, 240.2);
+  --color-4: rgb(195.2, 213.6, 236.6);
+  --color-5: rgb(183.5, 205.5, 233);
+  --color-6: rgb(171.8, 197.4, 229.4);
   --color-drag1: rgb(95, 134, 196);
   --color-drag2: rgb(95, 134, 196);
   --color-drag1-background: rgba(95, 134, 196, 0.1);
@@ -35,10 +35,10 @@
   --color-border-tab-selected: var(--color-text);
   --color-border-tab-selected-background: var(--color-2);
   --color-border-tab-unselected: gray;
-  --color-border-tab-unselected-background: var(--color-2);
+  --color-border-tab-unselected-background: #d3d4e745;
   --color-splitter: #f2f6fb;
-  --color-splitter-hover: var(--color-4);
-  --color-splitter-drag: var(--color-4);
+  --color-splitter-hover: var(--color-2);
+  --color-splitter-drag: var(--color-2);
   --color-drag-rect-border: #ccc;
   --color-drag-rect-background: var(--color-5);
   --color-drag-rect: var(--color-text);
@@ -49,11 +49,15 @@
   --color-popup-selected-background: var(--color-3);
   --color-edge-marker: #a6bbdf;
   --color-edge-icon: #555;
-  --color-mini-scroll-indicator:rgba(180, 200, 230, 0.5);
-  --color-mini-scroll-indicator-hovered:rgba(180, 200, 230, 0.7);
-  --size-mini-scroll-indicator:4px;
+  --color-mini-scroll-indicator: rgba(180, 200, 230, 0.5);
+  --color-mini-scroll-indicator-hovered: rgba(180, 200, 230, 0.7);
+  --size-mini-scroll-indicator: 4px;
+  --color-toolbar-button-hover: var(--color-2);
 }
 
+/*
+    base classes
+*/
 .flexlayout__layout {
   left: 0;
   top: 0;
@@ -61,6 +65,7 @@
   bottom: 0;
   position: absolute;
   display: flex;
+  background-color: var(--color-background);
 }
 .flexlayout__layout_overlay {
   left: 0;
@@ -120,6 +125,7 @@
     background-color: var(--color-splitter-hover);
     transition: background-color ease-in 0.1s;
     transition-delay: 0.05s;
+    border-radius: 5px;
   }
 }
 .flexlayout__splitter_drag {
@@ -128,6 +134,7 @@
   align-items: center;
   justify-content: center;
   z-index: 1000;
+  border-radius: 5px;
   background-color: var(--color-splitter-drag);
 }
 .flexlayout__splitter_handle {
@@ -205,7 +212,6 @@
   font-family: var(--font-family);
   overflow: hidden;
   flex-grow: 1;
-  border-radius: 10px;
 }
 .flexlayout__tabset_container {
   display: flex;
@@ -324,8 +330,6 @@
   box-sizing: border-box;
   padding: 3px 0.5em;
   cursor: pointer;
-  border-radius: 10px;
-  padding: 2px 0.8em;
 }
 .flexlayout__tab_button_stretch {
   background-color: transparent;
@@ -356,7 +360,6 @@
 .flexlayout__tab_button--unselected {
   background-color: var(--color-tab-unselected-background);
   color: var(--color-tab-unselected);
-  color: gray;
 }
 .flexlayout__tab_button_leading {
   display: flex;
@@ -384,7 +387,7 @@
   border-radius: 4px;
 }
 .flexlayout__tab_button_trailing:hover {
-  background-color: var(--color-3);
+  background-color: var(--color-toolbar-button-hover);
 }
 @media (hover: hover) {
   .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
@@ -430,7 +433,7 @@
 }
 @media (hover: hover) {
   .flexlayout__tab_toolbar_button:hover {
-    background-color: var(--color-2);
+    background-color: var(--color-toolbar-button-hover);
   }
 }
 .flexlayout__tab_toolbar_sticky_buttons_container {
@@ -439,30 +442,6 @@
   padding-left: 5px;
   align-items: center;
 }
-.flexlayout__tab_floating {
-  overflow: auto;
-  position: absolute;
-  box-sizing: border-box;
-  color: var(--color-text);
-  background-color: var(--color-background);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.flexlayout__tab_floating_inner {
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.flexlayout__tab_floating_inner div {
-  margin-bottom: 5px;
-  text-align: center;
-}
-.flexlayout__tab_floating_inner div a {
-  color: royalblue;
-}
 .flexlayout__border {
   box-sizing: border-box;
   overflow: hidden;
@@ -535,8 +514,6 @@
   margin: 2px 0px;
   box-sizing: border-box;
   white-space: nowrap;
-  border-radius: 10px;
-  padding: 2px 0.8em;
 }
 .flexlayout__border_button--selected {
   background-color: var(--color-border-tab-selected-background);
@@ -544,7 +521,6 @@
 }
 @media (hover: hover) {
   .flexlayout__border_button:hover {
-    background-color: var(--color-border-tab-selected-background);
     color: var(--color-border-tab-selected);
   }
 }
@@ -563,9 +539,6 @@
   border-radius: 4px;
   visibility: hidden;
 }
-.flexlayout__border_button_trailing:hover {
-  background-color: var(--color-3);
-}
 @media (hover: hover) {
   .flexlayout__border_button:hover .flexlayout__border_button_trailing {
     visibility: visible;
@@ -598,7 +571,7 @@
 }
 @media (hover: hover) {
   .flexlayout__border_toolbar_button:hover {
-    background-color: var(--color-2);
+    background-color: var(--color-toolbar-button-hover);
   }
 }
 .flexlayout__border_toolbar_button_overflow {
@@ -666,18 +639,6 @@
   display: flex;
   align-items: center;
 }
-.flexlayout__tabset_sizer {
-  padding-top: 5px;
-  padding-bottom: 3px;
-  font-size: var(--font-size);
-  font-family: var(--font-family);
-}
-.flexlayout__tabset_header_sizer {
-  padding-top: 3px;
-  padding-bottom: 3px;
-  font-size: var(--font-size);
-  font-family: var(--font-family);
-}
 .flexlayout__border_sizer {
   position: absolute;
   top: -30000px;
@@ -713,44 +674,48 @@
   }
 }
 
+/* ======================== End of Base Classes =========================== */
+/* 
+    rounded theme overrides 
+*/
 .flexlayout__tabset {
   padding: 3px;
+  border-radius: 10px;
 }
-
 .flexlayout__tabset_content {
   padding: 1px 3px 3px 3px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
 }
-
 .flexlayout__tab_border {
   border-radius: 10px;
   padding: 5px;
 }
-
+.flexlayout__border_tab_contents {
+  border-radius: 10px;
+}
+.flexlayout__tab_button, .flexlayout__border_button {
+  border-radius: 10px;
+  padding: 2px 0.8em;
+}
 .flexlayout__tabset_tabbar_outer_top {
   border-bottom: unset;
   padding-bottom: 1px;
 }
-
 .flexlayout__tabset_tabbar_inner_tab_container_top {
   border-bottom: 2px solid transparent;
 }
-
-.flexlayout__border_tab_contents {
-  background-color: white;
-}
-
-.flexlayout__border_tab_contents {
-  border-radius: 10px;
+.flexlayout__border_bottom {
+  border-top: 2px solid var(--color-border-divider-line);
 }
-
 .flexlayout__border_sizer {
   padding-bottom: 6px;
 }
-
-.flexlayout__border_bottom {
-  border-top: 2px solid var(--color-border-divider-line);
+.flexlayout__tab_button_trailing:hover {
+  background-color: var(--color-3);
+}
+.flexlayout__border_button_trailing:hover {
+  background-color: var(--color-3);
 }
 
 /*# sourceMappingURL=rounded.css.map */

package/style/rounded.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["rounded.scss","_base.scss"],"names":[],"mappings":"AAkBI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;;ACrEJ;EAfA;EACA;EACA;EACA;EACA;EAaI;;AAEA;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAjCJ;EACA;EACA;EACA;EAgCQ;EACA;;AAIR;EAxCA;EACA;EACA;EACA;EAuCI;;AAGJ;EA7CA;EACA;EACA;EACA;EA4CI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAlJA;EACA;EACA;EACA;EAiJI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDhFJ;;ACmFI;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;;AAIJ;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EDxMR;EACA;;AC0MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;EDtOZ;;ACkPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjQZ;;ACyQQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDpThB;;;ACsUQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDvbR;EACA;;ACybQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDpeZ;;AC4eQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID7gBhB;;;ACqhBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA7tBJ;EACA;EACA;EACA;EACA;;AA8tBA;EAluBA;EACA;EACA;EACA;EACA;EAguBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;ADhnBhB;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"rounded.css"}
+{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAkgBQ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;;;ACvjBR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;;AAEA;EAxBR;EACA;EACA;EACA;EACA;EAsBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAtCR;EACA;EACA;EACA;EAqCY;EACA;;AAIR;EA7CJ;EACA;EACA;EACA;EA4CQ;;AAGJ;EAlDJ;EACA;EACA;EACA;EAiDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAzJJ;EACA;EACA;EACA;EAwJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA1KR;EACA;EACA;EACA;EAyKY;EACA;EACA;;AAGJ;EACI;;AAGJ;EArLR;EACA;EACA;EACA;EAoLY;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAtrBR;EACA;EACA;EACA;EACA;;AAurBI;EA3rBJ;EACA;EACA;EACA;EACA;EAyrBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ADtKA;AAAA;AAAA;AAIQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI","file":"rounded.css"}

package/style/rounded.scss

@@ -1,216 +1,6 @@
-$color_text: black !default;
-$color_background: #f2f6fb !default;
-$color_base: #f2f6fb !default;
-$color_1: scale_color($color_base, $lightness: -3%) !default;
-$color_2: scale_color($color_1, $lightness: -3%) !default;
-$color_3: scale_color($color_2, $lightness: -3%) !default;
-$color_4: scale_color($color_3, $lightness: -3%) !default;
-$color_5: scale_color($color_4, $lightness: -3%) !default;
-$color_6: scale_color($color_5, $lightness: -3%) !default;
-$color_drag1: rgb(95, 134, 196) !default;
-$color_drag2: rgb(119, 166, 119) !default;
-$color_drag1_background: rgba(95, 134, 196, 0.1) !default;
-$color_drag2_background: rgba(119, 166, 119, 0.075) !default;
+@use "base";
+@use "themes";
 
-$font-size: medium !default;
-$font-family: Roboto, Arial, sans-serif !default;
-
-.flexlayout {
-    &__layout {
-        
-        --color-text: #{$color_text};
-        --color-background: transparent;
-        --color-base: #{$color_base};
-        --color-1: #{$color_1};
-        --color-2: #{$color_2};
-        --color-3: #{$color_3};
-        --color-4: #{$color_4};
-        --color-5: #{$color_5};
-        --color-6: #{$color_6};
-        --color-drag1: #{$color_drag1};
-        --color-drag2: #{$color_drag1};
-        --color-drag1-background: #{$color_drag1_background};
-        --color-drag2-background: #{$color_drag1_background};
-
-        --font-size: #{$font_size};
-        --font-family: #{$font_family};
-
-        --color-overflow: #999db2;
-        --color-icon: #999db2;
-
-        --color-tabset-background: white;
-        --color-tabset-background-selected: white;
-        --color-tabset-background-maximized: white;
-        --color-tabset-divider-line: white;
-
-        --color-tabset-header-background: var(--color-background);
-        --color-tabset-header: var(--color-text);
-
-        --color-border-tab-content: white;
-        --color-border-background: var(--color-background);
-        --color-border-divider-line: var(--color-background);
-
-        --color-tab-content: white;
-        --color-tab-selected: var(--color-text);
-        --color-tab-selected-background: var(--color-2);
-        --color-tab-unselected: gray;
-        --color-tab-unselected-background: #d3d4e745;
-        --color-tab-textbox: var(--color-text);
-        --color-tab-textbox-background: var(--color-3);
-
-        --color-border-tab-selected: var(--color-text);
-        --color-border-tab-selected-background: var(--color-2);
-        --color-border-tab-unselected: gray;
-        --color-border-tab-unselected-background: var(--color-2);
-
-        --color-splitter: #{$color_background};
-        --color-splitter-hover: var(--color-4);
-        --color-splitter-drag: var(--color-4);
-
-        --color-drag-rect-border: #ccc;
-        --color-drag-rect-background: var(--color-5);
-        --color-drag-rect: var(--color-text);
-
-        --color-popup-border: var(--color-6);
-        --color-popup-unselected: var(--color-text);
-        --color-popup-unselected-background: #{$color_background};
-        --color-popup-selected: var(--color-text);
-        --color-popup-selected-background: var(--color-3);
-
-        --color-edge-marker: #a6bbdf;
-        --color-edge-icon: #555;
-
-        --color-mini-scroll-indicator:rgba(180, 200, 230, 0.5);
-        --color-mini-scroll-indicator-hovered:rgba(180, 200, 230, 0.7);
-
-        --size-mini-scroll-indicator:4px;
-    }
-}
-
-@mixin tabset_mixin {
-    border-radius:10px;
-}
-
-@mixin tabset_tabbar_mixin {
-}
-
-@mixin tabset_header_mixin {
-}
-
-@mixin tabset_selected_mixin {
-}
-
-@mixin tabset_maximized_mixin {
-}
-
-@mixin tab_top_mixin {
-}
-
-@mixin tab_bottom_mixin {
-}
-
-@mixin tab_button_mixin {
-    border-radius: 10px;
-    padding: 2px 0.8em;
-}
-
-@mixin tab_button_selected_mixin {
-}
-
-@mixin tab_button_unselected_mixin {
-    color: gray;
-}
-
-@mixin tab_button_hovered_mixin {
-}
-
-@mixin tab_button_stretch_mixin {
-}
-
-@mixin tab_button_stretch_hovered_mixin {
-}
-
-@mixin close_button_hovered_mixin {
-    background-color:var(--color-3);
-}
-
-@mixin toolbar_button_hovered_mixin {
-    background-color:var(--color-2);
-}
-
-@mixin border_mixin {
-}
-
-@mixin border_button_mixin {
-    border-radius: 10px;
-    padding: 2px 0.8em;
-}
-
-@mixin border_button_selected_mixin {
-}
-
-@mixin border_button_unselected_mixin {
-}
-
-@mixin border_button_hovered_mixin {
-}
-
-@mixin splitter_mixin {
-}
-
-@mixin splitter_hover_mixin {
-}
-
-@mixin splitter_drag_mixin {
-}
-
-@mixin splitter_border_mixin {
-}
-
-@mixin tabset_tab_divider_mixin {
-}
-
-@mixin border_tab_divider_mixin {
-}
-
-@import "_base";
-
-.flexlayout__tabset {
-    padding: 3px;
-}
-
-.flexlayout__tabset_content {
-    padding: 1px 3px 3px 3px;
-    border-bottom-left-radius: 10px;
-    border-bottom-right-radius: 10px;
-}
-
-.flexlayout__tab_border {
-    border-radius: 10px;
-    padding:5px;
-}
-
-.flexlayout__tabset_tabbar_outer_top {
-    border-bottom:unset;
-    padding-bottom: 1px;
-}
-
-.flexlayout__tabset_tabbar_inner_tab_container_top {
-    border-bottom: 2px solid transparent;
-}
-
-.flexlayout__border_tab_contents {
-    background-color: white;
-}
-
-.flexlayout__border_tab_contents {
-    border-radius: 10px;
-}
-
-.flexlayout__border_sizer {
-    padding-bottom: 6px;
-}
-
-.flexlayout__border_bottom {
-    border-top: 2px solid var(--color-border-divider-line);
-}
+@include themes.rounded_theme;
+@include base.baseMixin;
+@include themes.rounded_theme_overrides;