@dashadmin/dash-styles 0.0.0

package/src/dash-variables.less

@@ -0,0 +1,10 @@
+@import './variables/colors.less';
+@import './variables/dash-colors.less';
+@import './variables/sizes.less';
+@import './variables/breakpoints.less';
+
+@theme: dash;
+// An override for the html selector for theme prefixes
+@html-selector: html;
+@font-family: 'noirpro', sans-serif;
+@class-prefix: dash;

package/src/dash.less

@@ -0,0 +1,38 @@
+@import './styles/root.less';
+@import './styles/splash.less';
+@import './styles/transition.less';
+@import './styles/loader.less';
+@import './styles/layout.less';
+@import './styles/header.less';
+@import './styles/sidebar.less';
+@import './styles/toolbar.less';
+@import './styles/common.less';
+@import './styles/module.less';
+@import './styles/mui-overrides.less';
+@import './styles/links.less';
+@import './styles/buttons.less';
+@import './styles/pagination.less';
+@import './styles/static.less';
+@import './styles/components/notfound.less';
+@import './styles/forms.less';
+@import './styles/filters.less';
+@import './styles/extra.less';
+@import './styles/notification.less';
+@import './styles/table.less';
+@import './styles/login.less';
+@import './styles/input.less';
+@import './styles/button.less';
+@import './styles/modal.less';
+@import './styles/card.less';
+@import './styles/tabs.less';
+@import './styles/toast.less';
+@import './styles/popover.less';
+@import './styles/login.less';
+@import './styles/tags.less';
+@import './styles/uploader.less';
+@import './styles/svg.less';
+@import './styles/stats.less';
+@import './styles/pages/profile.less';
+@import './styles/react-admin/common.less';
+@import './styles/react-admin/toolbar.less';
+@import './styles/mui-overrides.less';

package/src/helpers/getAllCssVariablesFromStyleSheets.tsx

@@ -0,0 +1,46 @@
+const getAllCssVariablesFromStyleSheets = (selector: string) => {
+
+        const cssVariables = {};
+
+        // Loop through all style sheets
+        for (let i = 0; i < document.styleSheets.length; i++) {
+            try {
+                const styleSheet = document.styleSheets[i];
+                // Skip if the stylesheet is from a different origin and can't be accessed
+                if (!styleSheet.cssRules) continue;
+
+                // Loop through all CSS rules in the stylesheet
+                for (let j = 0; j < styleSheet.cssRules.length; j++) {
+                    const rule = styleSheet.cssRules[j];
+
+                    // Check if it's a style rule (type 1)
+
+                    /* @ts-ignore */
+                    if (rule.selectorText === selector) {
+
+                        /* @ts-ignore */
+                        const style = rule.style;
+
+                        // Loop through all style properties
+                        for (let k = 0; k < style.length; k++) {
+                            const prop = style[k];
+                            if (prop.startsWith('--')) {
+                                //console.log(prop,style.getPropertyValue(prop).trim());
+                                cssVariables[prop] = style.getPropertyValue(prop).trim();
+                            }
+                        }
+                    }
+
+                }
+            } catch (e) {
+                // Skip cross-origin stylesheets that throw security errors
+                console.warn('Could not access stylesheet:', e);
+            }
+        }
+
+
+        return cssVariables;
+    };
+
+
+    export default getAllCssVariablesFromStyleSheets;