insights4you-jekyll-theme 0.2.0 → 0.4.0

data/_sass/vendors/_litepicker.scss

@@ -0,0 +1,69 @@
+.litepicker {
+  --litepicker-month-weekday-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-next-month-color: #{var(--#{$prefix}secondary)};
+  --litepicker-button-prev-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-day-color: var(--#{$prefix}body-color);
+  --litepicker-day-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-is-start-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-end-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-in-range-color: #{ var(--#{$prefix}info) };
+  --litepicker-is-today-color: #{ var(--#{$prefix}primary) };
+  --litepicker-month-header-color: var(--#{$prefix}body-color);
+  --litepicker-container-months-color-bg: var(--#{$prefix}bg-surface);
+  font: inherit;
+  user-select: none;
+
+  .day-item.is-in-range {
+    --litepicker-day-color: var(--#{$prefix}light);
+  }
+
+  svg {
+    fill: none !important;
+  }
+
+  .container__main {
+    border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
+    border-radius: var(--#{$prefix}border-radius);
+    box-shadow: none;
+  }
+
+  .container__months {
+    .month-item-name,
+    .month-item-year {
+      font-weight: var(--#{$prefix}font-weight-medium) !important;
+    }
+
+    .button-next-month,
+    .button-previous-month {
+      cursor: pointer !important;
+    }
+
+    .month-item-weekdays-row {
+      > div {
+        padding: .5rem 0 !important;
+        font-size: $h5-font-size;
+      }
+    }
+  }
+
+  .container__days {
+    .day-item {
+      cursor: pointer !important;
+      padding: .5rem 0 !important;
+      @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
+    }
+  }
+
+  .datepicker-inline & {
+    box-shadow: $input-box-shadow;
+    
+    .container__months {
+      box-shadow: none;
+      background-color: var(--#{$prefix}bg-forms);
+      border-radius: calc(var(--#{$prefix}border-radius) - 1px);
+    }
+  }
+}
+

data/_sass/vendors/_nouislider.scss

@@ -0,0 +1,49 @@
+.noUi-target {
+  border: 0;
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+  color: $form-range-thumb-bg;
+}
+
+.noUi-horizontal {
+  height: add($form-range-track-height, 1rem);
+  padding: .5rem 0;
+}
+
+.noUi-base {
+  background: $form-range-track-bg;
+  border-radius: $form-range-track-border-radius;
+}
+
+.noUi-handle {
+  width: $form-range-thumb-width;
+  height: $form-range-thumb-height;
+  border: $form-range-thumb-border;
+  box-shadow: $form-range-thumb-box-shadow;
+  border-radius: $form-range-thumb-border-radius;
+  background: currentColor;
+  outline: 0;
+
+  &:before,
+  &:after {
+    content: none;
+  }
+
+  .noUi-horizontal & {
+    width: $form-range-thumb-width;
+    height: $form-range-thumb-height;
+    top: (-$form-range-thumb-height * .5);
+    right: (-$form-range-thumb-height * .5);
+    margin: 1px 1px 0 0;
+  }
+
+  &.noUi-active,
+  &:focus {
+    box-shadow: $form-range-thumb-focus-box-shadow;
+  }
+}
+
+.noUi-connect {
+  background: currentColor;
+}

data/_sass/vendors/_plyr.scss

@@ -0,0 +1,3 @@
+body {
+  --plyr-color-main: #{var(--#{$prefix}primary)};
+}

data/_sass/vendors/_stars-rating.scss

@@ -0,0 +1,22 @@
+:root {
+  --gl-star-size: auto;
+  --gl-star-color: var(--#{$prefix}yellow);
+  --gl-star-color-inactive: var(--#{$prefix}border-color);
+}
+
+[data-star-rating] {
+  svg {
+    width: var(--#{$prefix}icon-size, --gl-star-size);
+    height: var(--#{$prefix}icon-size, --gl-star-size);
+  }
+
+  :not(.gl-active) > .gl-star-full {
+    color: var(--gl-star-color-inactive) !important;
+  }
+
+  .gl-active > .gl-star-full {
+    color: var(--gl-star-color);
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}

data/_sass/vendors/_tinymce.scss

@@ -0,0 +1,34 @@
+.tox-hugerte {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+  border-radius: $border-radius !important;
+  font-family: var(--#{$prefix}font-sans-serif) !important;
+}
+
+.tox-toolbar__group {
+  padding: 0 .5rem 0;
+}
+
+.tox .tox-toolbar__primary {
+  background: transparent !important;
+}
+
+.tox:not(.tox-hugerte-inline) {
+  .tox-editor-header {
+    border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+}
+
+.tox-tbtn {
+  margin: 0 !important; 
+}
+
+.tox-statusbar {
+  border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+}
+
+.tox .tox-toolbar-overlord,
+.tox:not(.tox-hugerte-inline) .tox-editor-header {
+  background: transparent !important;
+}

data/_sass/vendors/_tom-select.scss

@@ -0,0 +1,81 @@
+$select-color-dropdown: #fff;
+$select-color-dropdown-border-top: red;
+$input-border-width: 1px;
+
+:root {
+  --ts-pr-clear-button: 0rem;
+  --ts-pr-caret: 0rem;
+}
+
+.ts-input {
+  color: inherit;
+}
+
+.focus .ts-control {
+  border-radius: var(--#{$prefix}border-radius);
+}
+  
+
+.ts-control {
+  color: inherit;
+
+  .dropdown-menu {
+    width: 100%;
+    height: auto;
+  }
+}
+
+.ts-wrapper {
+  .form-control, 
+  .form-select,
+  &.form-control, 
+  &.form-select {
+    box-shadow: $input-box-shadow; 
+  }
+
+  &.is-invalid,
+  &.is-valid {
+    .ts-control {
+      --ts-pr-clear-button: 1.5rem;
+    }
+  }
+}
+
+.ts-dropdown {
+  background: var(--#{$prefix}bg-surface);
+  color: var(--#{$prefix}body-color);
+  box-shadow: var(--#{$prefix}shadow-dropdown);
+  z-index: $zindex-dropdown;
+
+  .option {
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  }
+}
+
+.ts-control,
+.ts-control input {
+  color: var(--#{$prefix}body-color);
+}
+
+.ts-control input {
+  &::placeholder{
+    color: $input-placeholder-color;
+  }
+}
+
+.ts-wrapper.multi,
+.ts-wrapper.multi.disabled {
+  .ts-control > div {
+    background: var(--#{$prefix}bg-surface-secondary);
+    border: 1px solid var(--#{$prefix}border-color);
+    color: var(--#{$prefix}body-color);
+  }
+}
+
+.ts-wrapper.disabled .ts-control {
+  opacity: 1;
+
+  &> div.item {
+    color: var(--#{$prefix}gray-500);
+  }
+}

data/_sass/vendors/_turbo.scss

@@ -0,0 +1,3 @@
+.turbo-progress-bar {
+  background: var(--#{$prefix}primary);
+}

data/_sass/vendors/_typed.scss

@@ -0,0 +1,4 @@
+.typed-cursor {
+  font-weight: 500;
+  color: $secondary;
+}

data/_sass/vendors/_wysiwyg.scss

@@ -0,0 +1,34 @@
+.tox-hugerte {
+  border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+  border-radius: $border-radius !important;
+  font-family: var(--#{$prefix}font-sans-serif) !important;
+}
+
+.tox-toolbar__group {
+  padding: 0 .5rem 0;
+}
+
+.tox .tox-toolbar__primary {
+  background: transparent !important;
+}
+
+.tox:not(.tox-hugerte-inline) {
+  .tox-editor-header {
+    border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+}
+
+.tox-tbtn {
+  margin: 0 !important; 
+}
+
+.tox-statusbar {
+  border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
+}
+
+.tox .tox-toolbar-overlord,
+.tox:not(.tox-hugerte-inline) .tox-editor-header {
+  background: transparent !important;
+}

data/assets/css/main.scss

@@ -0,0 +1,10 @@
+---
+---
+
+@import "tabler";
+@import "tabler-themes";
+@import "tabler-props";
+@import "tabler-marketing";
+@import "tabler-flags";
+@import "tabler-vendors";
+

data/assets/js/custom.js

@@ -0,0 +1,175 @@
+document.addEventListener("DOMContentLoaded", function () {
+    if (localStorage.getItem('theme') === 'dark' || (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        document.documentElement.classList.add('dark');
+    }
+});
+
+// Theme Settings Handler
+document.addEventListener("DOMContentLoaded", function () {
+    var themeConfig = {
+        theme: "light",
+        "theme-base": "gray",
+        "theme-font": "sans-serif",
+        "theme-primary": "blue",
+        "theme-radius": "1",
+    };
+
+    var url = new URL(window.location);
+    var form = document.getElementById("offcanvasSettings");
+    var resetButton = document.getElementById("reset-changes");
+
+    // Function to update theme mode
+    var updateThemeMode = function(mode) {
+        if (mode === 'dark') {
+            document.body.classList.add('theme-dark');
+            document.documentElement.setAttribute('data-bs-theme', 'dark');
+        } else {
+            document.body.classList.remove('theme-dark');
+            document.documentElement.setAttribute('data-bs-theme', 'light');
+        }
+    };
+
+    // Function to update font family
+    var updateFontFamily = function(font) {
+        const fontMap = {
+            'sans-serif': 'var(--tblr-font-sans-serif)',
+            'serif': 'var(--tblr-font-serif)',
+            'monospace': 'var(--tblr-font-monospace)',
+            'comic': 'var(--tblr-font-comic)'
+        };
+        
+        document.documentElement.style.setProperty('--tblr-font-family', fontMap[font] || fontMap['sans-serif']);
+        document.body.style.fontFamily = fontMap[font] || fontMap['sans-serif'];
+    };
+
+    // Function to update corner radius
+    var updateCornerRadius = function(radius) {
+        document.documentElement.style.setProperty('--tblr-border-radius', `${radius}rem`);
+    };
+
+    // Function to update gray shade
+    var updateGrayShade = function(base) {
+        console.log("Updating gray shade to:", base); // Log for debugging
+        document.documentElement.setAttribute('data-bs-theme-base', base);
+        // Remove any existing base classes
+        document.body.classList.remove('theme-slate', 'theme-gray', 'theme-zinc', 'theme-neutral', 'theme-stone');
+        // Add the new base class
+        document.body.classList.add(`theme-${base}`);
+    };
+
+    var checkItems = function () {
+        for (var key in themeConfig) {
+            var value = localStorage.getItem("tabler-" + key) || themeConfig[key];
+            if (value) {
+                var radios = form.querySelectorAll(`[name="${key}"]`);
+                if (radios) {
+                    radios.forEach(function(radio) {
+                        radio.checked = radio.value === value;
+                        
+                        // If this is a color input, update the color
+                        if (key === 'theme-primary') {
+                            document.documentElement.style.setProperty('--tblr-primary', `var(--tblr-${value})`);
+                        }
+                        // If this is theme mode, update the theme
+                        if (key === 'theme') {
+                            updateThemeMode(value);
+                        }
+                        // If this is font family, update the font
+                        if (key === 'theme-font') {
+                            updateFontFamily(value);
+                        }
+                        // If this is corner radius, update the radius
+                        if (key === 'theme-radius') {
+                            updateCornerRadius(value);
+                        }
+                        // If this is gray shade, update the base
+                        if (key === 'theme-base') {
+                            updateGrayShade(value);
+                        }
+                    });
+                }
+            }
+        }
+    };
+
+    form.addEventListener("change", function (event) {
+        var target = event.target;
+        var name = target.name;
+        var value = target.value;
+
+        for (var key in themeConfig) {
+            if (name === key) {
+                document.documentElement.setAttribute("data-" + key, value);
+                localStorage.setItem("tabler-" + key, value);
+                url.searchParams.set(key, value);
+
+                // If changing color, update CSS variable
+                if (key === 'theme-primary') {
+                    document.documentElement.style.setProperty('--tblr-primary', `var(--tblr-${value})`);
+                }
+                // If changing theme mode
+                if (key === 'theme') {
+                    updateThemeMode(value);
+                }
+                // If changing font family
+                if (key === 'theme-font') {
+                    updateFontFamily(value);
+                }
+                // If changing corner radius
+                if (key === 'theme-radius') {
+                    updateCornerRadius(value);
+                }
+                // If changing gray shade
+                if (key === 'theme-base') {
+                    updateGrayShade(value);
+                }
+            }
+        }
+
+        window.history.pushState({}, "", url);
+    });
+
+    resetButton.addEventListener("click", function () {
+        for (var key in themeConfig) {
+            var value = themeConfig[key];
+            document.documentElement.removeAttribute("data-" + key);
+            localStorage.removeItem("tabler-" + key);
+            url.searchParams.delete(key);
+
+            // Reset color if it's the primary theme
+            if (key === 'theme-primary') {
+                document.documentElement.style.setProperty('--tblr-primary', `var(--tblr-${value})`);
+            }
+            // Reset theme mode
+            if (key === 'theme') {
+                updateThemeMode(value);
+            }
+            // Reset font family
+            if (key === 'theme-font') {
+                updateFontFamily(value);
+            }
+            // Reset corner radius
+            if (key === 'theme-radius') {
+                updateCornerRadius(value);
+            }
+            // Reset gray shade
+            if (key === 'theme-base') {
+                updateGrayShade(value);
+            }
+        }
+
+        checkItems();
+        window.history.pushState({}, "", url);
+    });
+
+    // Initial setup
+    checkItems();
+
+    // Load settings from URL if present
+    for (const [key, value] of url.searchParams.entries()) {
+        if (themeConfig.hasOwnProperty(key)) {
+            localStorage.setItem("tabler-" + key, value);
+        }
+    }
+    checkItems();
+});

data/assets/js/custom.min.js

@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",function(){if(localStorage.getItem("theme")==="dark"||(!localStorage.getItem("theme")&&window.matchMedia("(prefers-color-scheme: dark)").matches)){document.documentElement.classList.add("dark")}});document.addEventListener("DOMContentLoaded",function(){var themeConfig={theme:"light","theme-base":"gray","theme-font":"sans-serif","theme-primary":"blue","theme-radius":"1"};var url=new URL(window.location);var form=document.getElementById("offcanvasSettings");var resetButton=document.getElementById("reset-changes");var updateThemeMode=function(mode){if(mode==="dark"){document.body.classList.add("theme-dark");document.documentElement.setAttribute("data-bs-theme","dark")}else{document.body.classList.remove("theme-dark");document.documentElement.setAttribute("data-bs-theme","light")}};var updateFontFamily=function(font){const fontMap={"sans-serif":"var(--tblr-font-sans-serif)","serif":"var(--tblr-font-serif)","monospace":"var(--tblr-font-monospace)","comic":"var(--tblr-font-comic)"};document.documentElement.style.setProperty("--tblr-font-family",fontMap[font]||fontMap["sans-serif"]);document.body.style.fontFamily=fontMap[font]||fontMap["sans-serif"]};var updateCornerRadius=function(radius){document.documentElement.style.setProperty("--tblr-border-radius",`${radius}rem`)};var updateGrayShade=function(base){document.documentElement.setAttribute("data-theme-base",base);document.body.classList.remove("theme-slate","theme-gray","theme-zinc","theme-neutral","theme-stone");document.body.classList.add(`theme-${base}`)};var checkItems=function(){for(var key in themeConfig){var value=localStorage.getItem("tabler-"+key)||themeConfig[key];if(value){var radios=form.querySelectorAll(`[name="${key}"]`);if(radios){radios.forEach(function(radio){radio.checked=radio.value===value;if(key==="theme-primary"){document.documentElement.style.setProperty("--tblr-primary",`var(--tblr-${value})`)}if(key==="theme"){updateThemeMode(value)}if(key==="theme-font"){updateFontFamily(value)}if(key==="theme-radius"){updateCornerRadius(value)}if(key==="theme-base"){updateGrayShade(value)}})}}}};form.addEventListener("change",function(event){var target=event.target;var name=target.name;var value=target.value;for(var key in themeConfig){if(name===key){document.documentElement.setAttribute("data-"+key,value);localStorage.setItem("tabler-"+key,value);url.searchParams.set(key,value);if(key==="theme-primary"){document.documentElement.style.setProperty("--tblr-primary",`var(--tblr-${value})`)}if(key==="theme"){updateThemeMode(value)}if(key==="theme-font"){updateFontFamily(value)}if(key==="theme-radius"){updateCornerRadius(value)}if(key==="theme-base"){updateGrayShade(value)}}}window.history.pushState({},"",url)});resetButton.addEventListener("click",function(){for(var key in themeConfig){var value=themeConfig[key];document.documentElement.removeAttribute("data-"+key);localStorage.removeItem("tabler-"+key);url.searchParams.delete(key);if(key==="theme-primary"){document.documentElement.style.setProperty("--tblr-primary",`var(--tblr-${value})`)}if(key==="theme"){updateThemeMode(value)}if(key==="theme-font"){updateFontFamily(value)}if(key==="theme-radius"){updateCornerRadius(value)}if(key==="theme-base"){updateGrayShade(value)}}checkItems();window.history.pushState({},"",url)});checkItems();for(const[key,value]of url.searchParams.entries()){if(themeConfig.hasOwnProperty(key)){localStorage.setItem("tabler-"+key,value)}}checkItems()});