flexlayout-react 0.8.5 → 0.8.7

package/style/combined.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss","combined.scss"],"names":[],"mappings":"AAqBQ;EACI;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;EACA;EAEA;;;AA+BJ;EACI;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;EACA;EAEA;;;AA2DJ;EACI;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;EACA;EAEA;;;AAgEJ;EACI;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;EACA;EAEA;EACA;EACA;EAEA;;;AAmEJ;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;ACxtBA;AFmEA;AAAA;AAAA;;;AE/DA;AFiKA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AE3LZ;AF2RA;AAAA;AAAA;;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AEzTZ;AF8ZA;AAAA;AAAA;;AAKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;;AAGJ;EACI;;;AE/bZ;AFkiBA;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":"combined.css"}

package/style/combined.scss

@@ -0,0 +1,46 @@
+@use "base";
+@use "themes";
+
+.flexlayout__theme_light {
+    @include themes.light_theme;
+}
+
+.flexlayout__theme_dark {
+    @include themes.dark_theme;
+}
+
+.flexlayout__theme_gray {
+    @include themes.gray_theme;
+}
+
+.flexlayout__theme_underline {
+    @include themes.underline_theme;
+}
+
+.flexlayout__theme_rounded {
+    @include themes.rounded_theme;
+}
+
+
+@include base.baseMixin;
+
+
+.flexlayout__theme_light {
+    @include themes.light_theme_overrides;
+}
+
+.flexlayout__theme_dark {
+    @include themes.dark_theme_overrides;
+}
+
+.flexlayout__theme_gray {
+    @include themes.gray_theme_overrides;
+}
+
+.flexlayout__theme_underline {
+    @include themes.underline_theme_overrides;
+}
+
+.flexlayout__theme_rounded {
+    @include themes.rounded_theme_overrides;
+}

package/style/dark.css

@@ -49,11 +49,15 @@
   --color-popup-selected-background: var(--color-4);
   --color-edge-marker: gray;
   --color-edge-icon: #eee;
-  --color-mini-scroll-indicator:rgba(128, 128, 128, 0.5);
-  --color-mini-scroll-indicator-hovered:rgba(128, 128, 128, 0.8);
-  --size-mini-scroll-indicator:3px;
+  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);
+  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);
+  --size-mini-scroll-indicator: 3px;
+  --color-toolbar-button-hover: var(--color-4);
 }
 
+/*
+    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,8 +134,8 @@
   align-items: center;
   justify-content: center;
   z-index: 1000;
-  background-color: var(--color-splitter-drag);
   border-radius: 5px;
+  background-color: var(--color-splitter-drag);
 }
 .flexlayout__splitter_handle {
   background-color: #ccc;
@@ -237,7 +243,6 @@
   color: var(--color-tabset-header);
   background-color: var(--color-tabset-header-background);
   font-size: var(--font-size);
-  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
 }
 .flexlayout__tabset_header_content {
   flex-grow: 1;
@@ -283,11 +288,9 @@
 }
 .flexlayout__tabset-selected {
   background-color: var(--color-tabset-background-selected);
-  background-image: linear-gradient(var(--color-background), var(--color-4));
 }
 .flexlayout__tabset-maximized {
   background-color: var(--color-tabset-background-maximized);
-  background-image: linear-gradient(var(--color-6), var(--color-2));
 }
 .flexlayout__tab_button_stamp {
   display: inline-flex;
@@ -358,16 +361,6 @@
   background-color: var(--color-tab-unselected-background);
   color: var(--color-tab-unselected);
 }
-.flexlayout__tab_button_top {
-  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-}
-.flexlayout__tab_button_bottom {
-  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
 .flexlayout__tab_button_leading {
   display: flex;
 }
@@ -394,7 +387,7 @@
   border-radius: 4px;
 }
 .flexlayout__tab_button_trailing:hover {
-  background-color: var(--color-6);
+  background-color: var(--color-toolbar-button-hover);
 }
 @media (hover: hover) {
   .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
@@ -440,7 +433,7 @@
 }
 @media (hover: hover) {
   .flexlayout__tab_toolbar_button:hover {
-    background-color: var(--color-4);
+    background-color: var(--color-toolbar-button-hover);
   }
 }
 .flexlayout__tab_toolbar_sticky_buttons_container {
@@ -449,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;
@@ -545,8 +514,6 @@
   margin: 2px 0px;
   box-sizing: border-box;
   white-space: nowrap;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
-  border-radius: 3px;
 }
 .flexlayout__border_button--selected {
   background-color: var(--color-border-tab-selected-background);
@@ -554,9 +521,7 @@
 }
 @media (hover: hover) {
   .flexlayout__border_button:hover {
-    background-color: var(--color-border-tab-selected-background);
     color: var(--color-border-tab-selected);
-    background-color: var(--color-4);
   }
 }
 .flexlayout__border_button--unselected {
@@ -574,9 +539,6 @@
   border-radius: 4px;
   visibility: hidden;
 }
-.flexlayout__border_button_trailing:hover {
-  background-color: var(--color-6);
-}
 @media (hover: hover) {
   .flexlayout__border_button:hover .flexlayout__border_button_trailing {
     visibility: visible;
@@ -609,7 +571,7 @@
 }
 @media (hover: hover) {
   .flexlayout__border_toolbar_button:hover {
-    background-color: var(--color-4);
+    background-color: var(--color-toolbar-button-hover);
   }
 }
 .flexlayout__border_toolbar_button_overflow {
@@ -677,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;
@@ -724,4 +674,32 @@
   }
 }
 
+/* ======================== End of Base Classes =========================== */
+/* 
+    dark theme overrides 
+*/
+.flexlayout__tabset_header {
+  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
+}
+.flexlayout__tabset-selected {
+  background-image: linear-gradient(var(--color-background), var(--color-4));
+}
+.flexlayout__tabset-maximized {
+  background-image: linear-gradient(var(--color-6), var(--color-2));
+}
+.flexlayout__tab_top {
+  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.flexlayout__tab_bottom {
+  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.flexlayout__border_button {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+}
+
 /*# sourceMappingURL=dark.css.map */

package/style/dark.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["dark.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;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;EACA;;;ACnEJ;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;EDwFR;;ACrFI;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;;AAGA;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;EDtGR;;ACyGQ;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;ED9JR;;ACkKI;EACI;ED/JR;;ACoKA;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;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;;AAIJ;EDnPR;EACA;EACA;;ACqPQ;EDjPR;EACA;EACA;;ACmPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDtPZ;;AC8PQ;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;IDzShB;;;AC2TQ;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;ED/aR;EACA;;ACibQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;ID/ahB;;;ACobQ;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDzdZ;;ACieQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDlgBhB;;;AC0gBY;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","file":"dark.css"}
+{"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAuHQ;EACI;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;EACA;EAEA;;;AC1KR;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;ADnjBA;AAAA;AAAA;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA","file":"dark.css"}

package/style/dark.scss

@@ -1,186 +1,6 @@
-$color_text: #eeeeee !default;
-$color_background: black !default;
-$color_base: black !default;
-$color_1: scale_color($color_base, $lightness: 7%) !default;
-$color_2: scale_color($color_base, $lightness: 10%) !default;
-$color_3: scale_color($color_base, $lightness: 15%) !default;
-$color_4: scale_color($color_base, $lightness: 20%) !default;
-$color_5: scale_color($color_base, $lightness: 25%) !default;
-$color_6: scale_color($color_base, $lightness: 30%) !default;
-$color_drag1: rgb(207, 232, 255) !default;
-$color_drag2: rgb(183, 209, 181) !default;
-$color_drag1_background: rgba(128, 128, 128, 0.15) !default;
-$color_drag2_background: rgba(128, 128, 128, 0.15) !default;
+@use "base";
+@use "themes";
 
-$font-size: medium !default;
-$font-family: Roboto, Arial, sans-serif !default;
-
-.flexlayout {
-    &__layout {
-        --color-text: #{$color_text};
-        --color-background: #{$color_background};
-        --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_drag2};
-        --color-drag1-background: #{$color_drag1_background};
-        --color-drag2-background: #{$color_drag2_background};
-
-        --font-size: #{$font_size};
-        --font-family: #{$font_family};
-
-        --color-overflow: gray;
-        --color-icon: gray;
-
-        --color-tabset-background: var(--color-1);
-        --color-tabset-background-selected: var(--color-1);
-        --color-tabset-background-maximized: var(--color-6);
-        --color-tabset-divider-line: var(--color-4);
-
-        --color-tabset-header-background: var(--color-1);
-        --color-tabset-header: var(--color-text);
-
-        --color-border-tab-content: var(--color-background);
-        --color-border-background: var(--color-1);
-        --color-border-divider-line: var(--color-4);
-
-        --color-tab-content: var(--color-background);
-        --color-tab-selected: var(--color-text);
-        --color-tab-selected-background: var(--color-4);
-        --color-tab-unselected: gray;
-        --color-tab-unselected-background: transparent;
-        --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-4);
-        --color-border-tab-unselected: gray;
-        --color-border-tab-unselected-background: var(--color-2);
-
-        --color-splitter: var(--color-2);
-        --color-splitter-hover: var(--color-4);
-        --color-splitter-drag: var(--color-5);
-
-        --color-drag-rect-border: var(--color-4);
-        --color-drag-rect-background: var(--color-1);
-        --color-drag-rect: var(--color-text);
-
-        --color-popup-border: var(--color-6);
-        --color-popup-unselected: var(--color-text);
-        --color-popup-unselected-background: var(--color-background);
-        --color-popup-selected: var(--color-text);
-        --color-popup-selected-background: var(--color-4);
-
-        --color-edge-marker: gray;
-        --color-edge-icon: #eee;
-
-        --color-mini-scroll-indicator:rgba(128, 128, 128, 0.5);
-        --color-mini-scroll-indicator-hovered:rgba(128, 128, 128, 0.8);
-        --size-mini-scroll-indicator:3px;
-    }
-}
-@mixin tabset_mixin {
-}
-
-@mixin tabset_tabbar_mixin {
-}
-
-@mixin tabset_header_mixin {
-}
-
-@mixin tabset_selected_mixin {
-}
-
-@mixin tabset_header_mixin {
-    box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
-}
-
-@mixin tabset_selected_mixin {
-    background-image: linear-gradient(var(--color-background), var(--color-4));
-}
-
-@mixin tabset_maximized_mixin {
-    background-image: linear-gradient(var(--color-6), var(--color-2));
-}
-
-@mixin tab_top_mixin {
-    box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-@mixin tab_bottom_mixin {
-    box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-    border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
-@mixin tab_button_mixin {
-}
-
-@mixin tab_button_selected_mixin {
-}
-
-@mixin tab_button_unselected_mixin {
-}
-
-@mixin tab_button_hovered_mixin {
-}
-
-@mixin tab_button_stretch_mixin {
-}
-
-@mixin tab_button_stretch_hovered_mixin {
-}
-
-@mixin border_mixin {
-}
-
-@mixin close_button_hovered_mixin {
-    background-color:var(--color-6);
-}
-
-@mixin toolbar_button_hovered_mixin {
-    background-color:var(--color-4);
-}
-
-@mixin border_button_mixin {
-    box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
-    border-radius: 3px;
-}
-
-@mixin border_button_selected_mixin {
-}
-
-@mixin border_button_unselected_mixin {
-}
-
-@mixin border_button_hovered_mixin {
-    background-color: var(--color-4);
-}
-
-@mixin splitter_mixin {
-}
-
-@mixin splitter_hover_mixin {
-}
-
-@mixin splitter_drag_mixin {
-    border-radius: 5px;
-}
-
-@mixin splitter_border_mixin {
-}
-
-@mixin tabset_tab_divider_mixin {
-}
-
-@mixin border_tab_divider_mixin {
-}
-
-@import "_base";
+@include themes.dark_theme;
+@include base.baseMixin;
+@include themes.dark_theme_overrides;

package/style/gray.css

@@ -49,11 +49,15 @@
   --color-popup-selected-background: var(--color-3);
   --color-edge-marker: #aaa;
   --color-edge-icon: #555;
-  --color-mini-scroll-indicator:rgba(128, 128, 128, 0.5);
-  --color-mini-scroll-indicator-hovered:rgba(128, 128, 128, 0.7);
-  --size-mini-scroll-indicator:3px;
+  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);
+  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.7);
+  --size-mini-scroll-indicator: 3px;
+  --color-toolbar-button-hover: var(--color-4);
 }
 
+/*
+    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,8 +134,8 @@
   align-items: center;
   justify-content: center;
   z-index: 1000;
-  background-color: var(--color-splitter-drag);
   border-radius: 5px;
+  background-color: var(--color-splitter-drag);
 }
 .flexlayout__splitter_handle {
   background-color: #ccc;
@@ -237,7 +243,6 @@
   color: var(--color-tabset-header);
   background-color: var(--color-tabset-header-background);
   font-size: var(--font-size);
-  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
 }
 .flexlayout__tabset_header_content {
   flex-grow: 1;
@@ -283,11 +288,9 @@
 }
 .flexlayout__tabset-selected {
   background-color: var(--color-tabset-background-selected);
-  background-image: linear-gradient(var(--color-background), var(--color-3));
 }
 .flexlayout__tabset-maximized {
   background-color: var(--color-tabset-background-maximized);
-  background-image: linear-gradient(var(--color-3), var(--color-1));
 }
 .flexlayout__tab_button_stamp {
   display: inline-flex;
@@ -358,16 +361,6 @@
   background-color: var(--color-tab-unselected-background);
   color: var(--color-tab-unselected);
 }
-.flexlayout__tab_button_top {
-  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-}
-.flexlayout__tab_button_bottom {
-  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
 .flexlayout__tab_button_leading {
   display: flex;
 }
@@ -393,6 +386,9 @@
   visibility: hidden;
   border-radius: 4px;
 }
+.flexlayout__tab_button_trailing:hover {
+  background-color: var(--color-toolbar-button-hover);
+}
 @media (hover: hover) {
   .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
     visibility: visible;
@@ -435,36 +431,17 @@
   border-radius: 4px;
   padding: 1px;
 }
+@media (hover: hover) {
+  .flexlayout__tab_toolbar_button:hover {
+    background-color: var(--color-toolbar-button-hover);
+  }
+}
 .flexlayout__tab_toolbar_sticky_buttons_container {
   display: flex;
   gap: 0.3em;
   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;
@@ -537,8 +514,6 @@
   margin: 2px 0px;
   box-sizing: border-box;
   white-space: nowrap;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
-  border-radius: 3px;
 }
 .flexlayout__border_button--selected {
   background-color: var(--color-border-tab-selected-background);
@@ -546,7 +521,6 @@
 }
 @media (hover: hover) {
   .flexlayout__border_button:hover {
-    background-color: var(--color-border-tab-selected-background);
     color: var(--color-border-tab-selected);
   }
 }
@@ -595,6 +569,11 @@
   border-radius: 4px;
   padding: 1px;
 }
+@media (hover: hover) {
+  .flexlayout__border_toolbar_button:hover {
+    background-color: var(--color-toolbar-button-hover);
+  }
+}
 .flexlayout__border_toolbar_button_overflow {
   display: flex;
   align-items: center;
@@ -660,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;
@@ -707,4 +674,35 @@
   }
 }
 
+/* ======================== End of Base Classes =========================== */
+/* 
+    gray theme overrides 
+*/
+.flexlayout__tabset-selected {
+  background-image: linear-gradient(var(--color-background), var(--color-4));
+}
+.flexlayout__tabset_header {
+  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
+}
+.flexlayout__tabset-selected {
+  background-image: linear-gradient(var(--color-background), var(--color-3));
+}
+.flexlayout__tabset-maximized {
+  background-image: linear-gradient(var(--color-3), var(--color-1));
+}
+.flexlayout__tab_button_top {
+  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.flexlayout__tab_button_bottom {
+  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.flexlayout__border_button {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+}
+
 /*# sourceMappingURL=gray.css.map */