@shohojdhara/atomix 0.3.1 → 0.3.3

package/src/themes/boomdevs/01-settings/_settings.colors.scss

@@ -0,0 +1,145 @@
+/*!
+ * Boomdevs Theme Color Settings
+ * Custom color scheme for the Boomdevs theme
+ */
+
+// Brand Colors for Boomdevs
+// Professional blue as primary color
+$primary-1: #e6f0ff !default;
+$primary-2: #cce0ff !default;
+$primary-3: #99c0ff !default;
+$primary-4: #66a1ff !default;
+$primary-5: #3381ff !default;
+$primary-6: #0061ff !default;
+$primary-7: #004ecf !default;
+$primary-8: #003ca0 !default;
+$primary-9: #040dbf !default;
+$primary-10: #001c44 !default;
+
+// Accent Colors
+// Professional accent colors
+$accent-1: #f0f4ff !default;
+$accent-2: #d8e0ff !default;
+$accent-3: #b0c1ff !default;
+$accent-4: #88a2ff !default;
+$accent-5: #6083ff !default;
+$accent-6: #3864ff !default;
+$accent-7: #2c52d9 !default;
+$accent-8: #2140b2 !default;
+$accent-9: #172f8c !default;
+$accent-10: #0e1f66 !default;
+
+// green Colors (Green)
+$green-1: #e6f4ea !default;
+$green-2: #cce9d6 !default;
+$green-3: #99d3ad !default;
+$green-4: #66bd85 !default;
+$green-5: #33a75c !default;
+$green-6: #009133 !default;
+$green-7: #00772a !default;
+$green-8: #005e21 !default;
+$green-9: #004418 !default;
+$green-10: #002a0f !default;
+
+// yellow Colors (Yellow/Amber)
+$yellow-1: #fff8e6 !default;
+$yellow-2: #ffefcc !default;
+$yellow-3: #ffdf99 !default;
+$yellow-4: #ffd066 !default;
+$yellow-5: #ffc033 !default;
+$yellow-6: #ffb000 !default;
+$yellow-7: #d99500 !default;
+$yellow-8: #b27a00 !default;
+$yellow-9: #8c6000 !default;
+$yellow-10: #664500 !default;
+
+// red Colors (Red)
+$red-1: #fce6e6 !default;
+$red-2: #f8cccc !default;
+$red-3: #f29999 !default;
+$red-4: #ec6666 !default;
+$red-5: #e63333 !default;
+$red-6: #e00000 !default;
+$red-7: #b80000 !default;
+$red-8: #910000 !default;
+$red-9: #6a0000 !default;
+$red-10: #440000 !default;
+
+// Neutral Colors
+$neutral-1: #f8f9fa !default;
+$neutral-2: #f1f3f5 !default;
+$neutral-3: #e9ecef !default;
+$neutral-4: #dee2e6 !default;
+$neutral-5: #ced4da !default;
+$neutral-6: #adb5bd !default;
+$neutral-7: #868e96 !default;
+$neutral-8: #495057 !default;
+$neutral-9: #343a40 !default;
+$neutral-10: #212529 !default;
+
+@use '../../../styles/01-settings/settings.colors' with (
+  $primary-1: #e6f0ff,
+  $primary-2: #cce0ff,
+  $primary-3: #99c0ff,
+  $primary-4: #66a1ff,
+  $primary-5: #3381ff,
+  $primary-6: #0061ff,
+  $primary-7: #004ecf,
+  $primary-8: #003ca0,
+  $primary-9: #040dbf,
+  $primary-10: #001c44,
+  $green-1: #e6f4ea,
+  $green-2: #cce9d6,
+  $green-3: #99d3ad,
+  $green-4: #66bd85,
+  $green-5: #33a75c,
+  $green-6: #009133,
+  $green-7: #00772a,
+  $green-8: #005e21,
+  $green-9: #004418,
+  $green-10: #002a0f,
+  $yellow-1: #fff8e6,
+  $yellow-2: #ffefcc,
+  $yellow-3: #ffdf99,
+  $yellow-4: #ffd066,
+  $yellow-5: #ffc033,
+  $yellow-6: #ffb000,
+  $yellow-7: #d99500,
+  $yellow-8: #b27a00,
+  $yellow-9: #8c6000,
+  $yellow-10: #664500,
+  $red-1: #fce6e6,
+  $red-2: #f8cccc,
+  $red-3: #f29999,
+  $red-4: #ec6666,
+  $red-5: #e63333,
+  $red-6: #e00000,
+  $red-7: #b80000,
+  $red-8: #910000,
+  $red-9: #6a0000,
+  $red-10: #440000,
+  $blue-1: #e6f0ff,
+  $blue-2: #cce0ff,
+  $blue-3: #99c0ff,
+  $blue-4: #66a1ff,
+  $blue-5: #3381ff,
+  $blue-6: #0061ff,
+  $blue-7: #004ecf,
+  $blue-8: #003ca0,
+  $blue-9: #002c72,
+  $blue-10: #001c44,
+  $gray-1: $neutral-1,
+  $gray-2: $neutral-2,
+  $gray-3: $neutral-3,
+  $gray-4: $neutral-4,
+  $gray-5: $neutral-5,
+  $gray-6: $neutral-6,
+  $gray-7: $neutral-7,
+  $gray-8: $neutral-8,
+  $gray-9: $neutral-9,
+  $gray-10: $neutral-10,
+  $primary: $primary-9,
+  $secondary: $neutral-2,
+  $light: $neutral-1,
+  $dark: $neutral-9
+);

package/src/themes/boomdevs/01-settings/_settings.dropdown.scss

@@ -0,0 +1,11 @@
+/*!
+ * Boomdevs Theme Dropdown Settings
+ * Custom dropdown styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.dropdown' with (
+  $dropdown-border-radius: 6px,
+  $dropdown-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
+  $dropdown-link-hover-color: var(--atomix-primary),
+  $dropdown-link-hover-bg: var(--atomix-brand-bg-subtle)
+);

package/src/themes/boomdevs/01-settings/_settings.grid.scss

@@ -0,0 +1,16 @@
+/*!
+ * Boomdevs Theme Grid Settings
+ * Custom grid styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.grid' with (
+  $grid-gutter-width: 24px,
+  $container-max-widths: (
+    xs: 340px,
+    sm: 540px,
+    md: 720px,
+    lg: 960px,
+    xl: 1140px,
+    xxl: 1320px,
+  )
+);

package/src/themes/boomdevs/01-settings/_settings.input.scss

@@ -0,0 +1,14 @@
+/*!
+ * Boomdevs Theme Input Settings
+ * Custom input styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.input' with (
+  $input-border-radius: 6px,
+  $input-hover-border-color: var(--atomix-primary),
+  $input-focus-border-color: var(--atomix-primary),
+  $input-placeholder-color: var(--atomix-neutral-7),
+  $input-bg: var(--atomix-light),
+  $input-padding-y: 8px,
+  $input-padding-x: 12px
+);

package/src/themes/boomdevs/01-settings/_settings.link.scss

@@ -0,0 +1,11 @@
+/*!
+ * Boomdevs Theme Link Settings
+ * Custom link styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.link' with (
+  $link-color: var(--atomix-primary),
+  $link-hover-color: var(--atomix-primary-7),
+  $link-font-size: 1rem,
+  $link-font-weight: 400
+);

package/src/themes/boomdevs/01-settings/_settings.list.scss

@@ -0,0 +1,10 @@
+/*!
+ * Boomdevs Theme List Settings
+ * Custom list styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.list' with (
+  $list-font-size: 1rem,
+  $list-item-gap: 6px,
+  $list-padding-left: 24px
+);

package/src/themes/boomdevs/01-settings/_settings.modal.scss

@@ -0,0 +1,16 @@
+/*!
+ * Boomdevs Theme Modal Settings
+ * Custom modal styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.modal' with (
+  $modal-content-border-radius: 8px,
+  $modal-content-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1),
+  $modal-header-padding-bottom: 16px,
+  $modal-title-font-size: 1.5rem,
+  $modal-sub-font-size: 0.875rem,
+  $modal-sub-color: var(--atomix-gray-7),
+  $modal-close-icon-color: var(--atomix-black),
+  $modal-backdrop-bg: var(--atomix-black),
+  $modal-backdrop-opacity: 0.6
+);

package/src/themes/boomdevs/01-settings/_settings.navbar.scss

@@ -0,0 +1,16 @@
+/*!
+ * Boomdevs Theme Navbar Settings
+ * Custom navbar styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.navbar' with (
+  $navbar-padding-x: 24px,
+  $navbar-padding-y: 12px,
+  $navbar-height: 70px,
+  $navbar-bg: var(--atomix-light),
+  $navbar-border-width: 0,
+  $navbar-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
+  $navbar-brand-font-weight: 700,
+  $navbar-brand-color: var(--atomix-primary),
+  $navbar-toggler-color: var(--atomix-primary)
+);

package/src/themes/boomdevs/01-settings/_settings.pagination.scss

@@ -0,0 +1,13 @@
+/*!
+ * Boomdevs Theme Pagination Settings
+ * Custom pagination styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.pagination' with (
+  $pagination-border-radius: 6px,
+  $pagination-color: var(--atomix-gray-8),
+  $pagination-hover-color: var(--atomix-primary),
+  $pagination-hover-bg: var(--atomix-primary-1),
+  $pagination-active-color: var(--atomix-light),
+  $pagination-active-bg: var(--atomix-primary)
+);

package/src/themes/boomdevs/01-settings/_settings.progress.scss

@@ -0,0 +1,11 @@
+/*!
+ * Boomdevs Theme Progress Settings
+ * Custom progress styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.progress' with (
+  $progress-height: 8px,
+  $progress-bg: var(--atomix-gray-3),
+  $progress-bar-bg: var(--atomix-primary),
+  $progress-border-radius: 4px
+);

package/src/themes/boomdevs/01-settings/_settings.rating.scss

@@ -0,0 +1,10 @@
+/*!
+ * Boomdevs Theme Rating Settings
+ * Custom rating styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.rating' with (
+  $rating-star-size: 24px,
+  $rating-star-bg: var(--atomix-primary),
+  $rating-stars-gap: 4px
+);

package/src/themes/boomdevs/01-settings/_settings.spacing.scss

@@ -0,0 +1,33 @@
+/*!
+ * Boomdevs Theme Spacing Settings
+ * Custom spacing styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.spacing' with (
+  $spacer: 1rem,
+  $spacing-sizes: (
+    0: 0rem,
+    1: 0.25rem,
+    1.5: 0.375rem,
+    2: 0.5rem,
+    2.5: 0.625rem,
+    3: 0.75rem,
+    4: 1rem,
+    5: 1.25rem,
+    6: 1.5rem,
+    7: 1.75rem,
+    8: 2rem,
+    9: 2.25rem,
+    10: 2.5rem,
+    11: 2.75rem,
+    12: 3rem,
+    14: 3.5rem,
+    16: 4rem,
+    20: 5rem,
+    24: 6rem,
+    28: 7rem,
+    32: 8rem,
+    36: 9rem,
+    40: 10rem,
+  )
+);

package/src/themes/boomdevs/01-settings/_settings.spinner.scss

@@ -0,0 +1,11 @@
+/*!
+ * Boomdevs Theme Spinner Settings
+ * Custom spinner styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.spinner' with (
+  $spinner-color: var(--atomix-primary),
+  $spinner-background-color: var(--atomix-gray-3),
+  $spinner-border-width: 2px,
+  $spinner-border-width-sm: 1px
+);

package/src/themes/boomdevs/01-settings/_settings.steps.scss

@@ -0,0 +1,12 @@
+/*!
+ * Boomdevs Theme Steps Settings
+ * Custom steps styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.steps' with (
+  $steps-item-active-color: var(--atomix-light),
+  $steps-item-active-bg: var(--atomix-primary),
+  $steps-item-number-active-color: var(--atomix-light),
+  $steps-item-number-size: 32px,
+  $steps-item-number-font-size: 0.875rem
+);

package/src/themes/boomdevs/01-settings/_settings.tabs.scss

@@ -0,0 +1,12 @@
+/*!
+ * Boomdevs Theme Tabs Settings
+ * Custom tabs styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.tabs' with (
+  $tabs-nav-btn-font-weight: 600,
+  $tabs-nav-btn-color: var(--atomix-gray-7),
+  $tabs-nav-btn-active-color: var(--atomix-primary),
+  $tabs-nav-btn-border-active-color: var(--atomix-primary),
+  $tabs-nav-btn-bg-hover: var(--atomix-gray-1)
+);

package/src/themes/boomdevs/01-settings/_settings.todo.scss

@@ -0,0 +1,15 @@
+/*!
+ * Boomdevs Theme Todo Settings
+ * Custom todo styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.todo' with (
+  $todo-bg: var(--atomix-light),
+  $todo-color: var(--atomix-gray-10),
+  $todo-border-color: var(--atomix-gray-4),
+  $todo-border-radius: 8px,
+  $todo-item-border-color: var(--atomix-gray-4),
+  $todo-item-hover-bg: var(--atomix-gray-1),
+  $todo-completed-color: var(--atomix-gray-6),
+  $todo-empty-color: var(--atomix-gray-6)
+);

package/src/themes/boomdevs/01-settings/_settings.toggle.scss

@@ -0,0 +1,14 @@
+/*!
+ * Boomdevs Theme Toggle Settings
+ * Custom toggle styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.toggle' with (
+  $toggle-switch-on-bg: var(--atomix-primary),
+  $toggle-switch-off-bg: var(--atomix-gray-3),
+  $toggle-switch-disabled-bg: var(--atomix-neugraytral-1),
+  $toggle-switch-border-radius: 12px,
+  $toggle-switch-handle-border-radius: 50%,
+  $toggle-label-font-size: 0.875rem,
+  $toggle-label-color: var(--atomix-gray-10)
+);

package/src/themes/boomdevs/01-settings/_settings.tooltip.scss

@@ -0,0 +1,13 @@
+/*!
+ * Boomdevs Theme Tooltip Settings
+ * Custom tooltip styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.tooltip' with (
+  $tooltip-bg: var(--atomix-gray-10),
+  $tooltip-color: var(--atomix-light),
+  $tooltip-font-size: 0.75rem,
+  $tooltip-border-radius: 4px,
+  $tooltip-padding-x: 10px,
+  $tooltip-padding-y: 6px
+);

package/src/themes/boomdevs/01-settings/_settings.typography.scss

@@ -0,0 +1,58 @@
+/*!
+ * Boomdevs Theme Typography Settings
+ * Custom typography for the Boomdevs theme
+ */
+
+// Professional, clean typography for a development agency
+$font-family-primary:
+  'Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
+  'Helvetica Neue', 'Arial', 'sans-serif' !default;
+$font-family-secondary:
+  'Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
+  'Helvetica Neue', 'Arial', 'sans-serif' !default;
+$font-family-monospace:
+  'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Ubuntu Mono', 'Courier New', 'Courier',
+  'monospace' !default;
+
+// Font sizes following a consistent scale
+$font-size-xs: 0.75rem !default; // 12px
+$font-size-sm: 0.875rem !default; // 14px
+$font-size-base: 1rem !default; // 16px
+$font-size-md: 1.125rem !default; // 18px
+$font-size-lg: 1.25rem !default; // 20px
+$font-size-xl: 1.5rem !default; // 24px
+$font-size-2xl: 2rem !default; // 32px
+$font-size-3xl: 2.5rem !default; // 40px
+$font-size-4xl: 3rem !default; // 48px
+
+// Font weights for professional look
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-medium: 500 !default;
+$font-weight-semibold: 600 !default;
+$font-weight-bold: 700 !default;
+$font-weight-extrabold: 800 !default;
+
+// Line heights for readability
+$line-height-xs: 1.25 !default;
+$line-height-sm: 1.375 !default;
+$line-height-base: 1.5 !default;
+$line-height-lg: 1.625 !default;
+$line-height-xl: 1.75 !default;
+
+@use '../../../styles/01-settings/settings.typography' with (
+  $font-sizes: (
+    xs: $font-size-xs,
+    sm: $font-size-sm,
+    md: $font-size-md,
+    lg: $font-size-lg,
+    xl: $font-size-xl,
+  ),
+
+  $font-weight-light: 300,
+  $font-weight-normal: 400,
+  $font-weight-medium: 500,
+  $font-weight-semibold: 600,
+  $font-weight-bold: 700,
+  $font-weight-heavy: 800
+);

package/src/themes/boomdevs/01-settings/_settings.video-player.scss

@@ -0,0 +1,12 @@
+/*!
+ * Boomdevs Theme Video Player Settings
+ * Custom video player styles for the Boomdevs theme
+ */
+
+@use '../../../styles/01-settings/settings.video-player' with (
+  $video-player-border-radius: 12px,
+  $video-player-progress-played: var(--atomix-primary),
+  $video-player-volume-fill: var(--atomix-primary),
+  $video-player-volume-fill-hover: var(--atomix-primary-7),
+  $video-player-volume-fill-active: var(--atomix-primary-8)
+);

package/src/themes/boomdevs/02-tools/_index.scss

@@ -0,0 +1,7 @@
+/*!
+ * Boomdevs Theme Tools Index
+ * Define any custom tools for the Boomdevs theme
+ */
+
+// Currently no custom tools for Boomdevs theme
+// All tools are inherited from base Atomix styles

package/src/themes/boomdevs/03-generic/_index.scss

@@ -0,0 +1,7 @@
+/*!
+ * Boomdevs Theme Generic Index
+ * Define any custom generic styles for the Boomdevs theme
+ */
+
+// Currently no custom generic styles for Boomdevs theme
+// All generic styles are inherited from base Atomix styles

package/src/themes/boomdevs/04-elements/_index.scss

@@ -0,0 +1,7 @@
+/*!
+ * Boomdevs Theme Elements Index
+ * Define any custom element styles for the Boomdevs theme
+ */
+
+// Currently no custom element styles for Boomdevs theme
+// All element styles are inherited from base Atomix styles

package/src/themes/boomdevs/05-objects/_index.scss

@@ -0,0 +1,7 @@
+/*!
+ * Boomdevs Theme Objects Index
+ * Define any custom object styles for the Boomdevs theme
+ */
+
+// Currently no custom object styles for Boomdevs theme
+// All object styles are inherited from base Atomix styles

package/src/themes/boomdevs/06-components/_components.button.scss

@@ -0,0 +1,11 @@
+.c-btn {
+  --atomix-btn-hover-bg: #242ffa;
+
+  &__icon {
+    transition: 0.3s ease-in-out;
+  }
+
+  &:hover &__icon {
+    transform: translateX(-8px);
+  }
+}

package/src/themes/boomdevs/06-components/_index.scss

@@ -0,0 +1,11 @@
+/*!
+ * Boomdevs Theme Components Index
+ * Define any custom component styles for the Boomdevs theme
+ */
+
+@forward 'components.button';
+
+// @forward 'card';
+// @forward 'client-logo';
+// @forward 'hero';
+// @forward 'stats';

package/src/themes/boomdevs/99-utilities/_index.scss

@@ -0,0 +1,7 @@
+/*!
+ * Boomdevs Theme Utilities Index
+ * Define any custom utilities for the Boomdevs theme
+ */
+
+// Currently no custom utilities for Boomdevs theme
+// All utilities are inherited from base Atomix styles

package/src/themes/boomdevs/index.scss

@@ -0,0 +1,26 @@
+/*!
+ * Atomix Design System theme Boomdevs
+ * Modern, professional design for a software development agency
+ */
+
+// Import and forward local theme settings first (these override base settings)
+@use '01-settings/index' as *;
+
+// Import and forward base styles with local overrides
+@use '02-tools/index' as *;
+@use '../../styles/02-tools/index' as tools;
+
+@use '03-generic/index' as *;
+@use '../../styles/03-generic/index' as generic;
+
+@use '04-elements/index' as *;
+@use '../../styles/04-elements/index' as elements;
+
+@use '05-objects/index' as *;
+@use '../../styles/05-objects/index' as objects;
+
+@use '06-components/index' as *;
+@use '../../styles/06-components/index';
+
+@use '99-utilities/index' as *;
+@use '../../styles/99-utilities/index' as utilities;

package/src/themes/esrar/01-settings/_index.scss

@@ -0,0 +1,15 @@
+/*!
+ * Weed Theme Settings Index
+ * Happy green theme inspired by weed colors
+ */
+
+// Import theme-specific settings that override base settings
+@forward 'settings.colors';
+
+// Forward core token groups from base theme for proper coverage
+// These can be overridden by creating local files with the same names
+@forward '../../../styles/01-settings/settings.spacing';
+@forward '../../../styles/01-settings/settings.typography';
+@forward '../../../styles/01-settings/settings.breakpoints';
+@forward '../../../styles/01-settings/settings.border';
+@forward '../../../styles/01-settings/settings.border-radius';