@memobit/themes 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +1 -1
  2. package/dist/index.js +1 -2
  3. package/dist/previewPalettes.js +9 -2
  4. package/dist/themeConfig.js +9 -3
  5. package/dist/themes/circuit-harbor.css +1 -0
  6. package/dist/themes.css +1 -1
  7. package/dist/vite.js +1 -2
  8. package/package.json +3 -3
  9. package/src/theming/circuit-harbor.scss +36 -0
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @memobit/themes
2
2
 
3
- 68 themes for the Memobit apps. Each is published as its own stylesheet, so an app loads
3
+ 69 themes for the Memobit apps. Each is published as its own stylesheet, so an app loads
4
4
  only the one it is showing instead of all of them.
5
5
 
6
6
  Extracted from [`@memobit/libs`](https://github.com/CristeaIulian/memobit-react-library) in
package/dist/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { previewPalettes } from "./previewPalettes.js";
2
2
  import { FAVORITE_THEMES, LIGHT_THEMES, THEME_CONFIGS, getThemeAppearance, getThemeConfig } from "./themeConfig.js";
3
- //#region src/index.ts
3
+ // src/index.ts
4
4
  /** Where the Vite plugin writes each theme's stylesheet, relative to the app's base URL. */
5
5
  var THEME_ASSET_DIR = "memobit-themes";
6
- //#endregion
7
6
  export { FAVORITE_THEMES, LIGHT_THEMES, THEME_ASSET_DIR, THEME_CONFIGS, getThemeAppearance, getThemeConfig, previewPalettes };
package/dist/previewPalettes.js CHANGED
@@ -1,4 +1,4 @@
1
- //#region src/previewPalettes.ts
1
+ // src/previewPalettes.ts
2
2
  var previewPalettes = {
3
3
  "amber-meridian": {
4
4
  "--body-background": "radial-gradient(80% 50% at 50% 100%, rgba(217, 119, 6, 0.18) 0%, transparent 65%), radial-gradient(45% 40% at 100% 0%, rgba(251, 191, 36, 0.1) 0%, transparent 65%), radial-gradient(130% 110% at 10% 0%, #1a1208 0%, #100c06 55%, #160e08 100%)",
@@ -112,6 +112,14 @@ var previewPalettes = {
112
112
  "--header-background-color": "#f5ece0",
113
113
  "--header-border-bottom-color": "#c9b48d"
114
114
  },
115
+ "circuit-harbor": {
116
+ "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(14, 116, 144, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(30, 58, 95, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d151b 0%, #070c10 52%, #1a2833 100%)",
117
+ "--body-accent-color": "#22d3ee",
118
+ "--body-color-muted": "#879cad",
119
+ "--card-background-color": "#1a2833",
120
+ "--header-background-color": "#0d151b",
121
+ "--header-border-bottom-color": "#33495a"
122
+ },
115
123
  "citrus-vital": {
116
124
  "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(45, 212, 191, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(250, 204, 21, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d1a17 0%, #0a1412 52%, #111f1b 100%)",
117
125
  "--body-accent-color": "#2dd4bf",
@@ -545,5 +553,4 @@ var previewPalettes = {
545
553
  "--header-border-bottom-color": "rgba(245, 158, 11, 0.16)"
546
554
  }
547
555
  };
548
- //#endregion
549
556
  export { previewPalettes };
package/dist/themeConfig.js CHANGED
@@ -1,4 +1,4 @@
1
- //#region src/themeConfig.ts
1
+ // src/themeConfig.ts
2
2
  var THEME_CONFIGS = [
3
3
  {
4
4
  value: "arctic-blue",
@@ -378,7 +378,7 @@ var THEME_CONFIGS = [
378
378
  {
379
379
  value: "mesh-circuit",
380
380
  label: "Mesh Circuit",
381
- recommendedApps: ["IoT", "Resume"],
381
+ recommendedApps: ["Resume"],
382
382
  fontUrl: "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap",
383
383
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap"
384
384
  },
@@ -532,6 +532,13 @@ var THEME_CONFIGS = [
532
532
  recommendedApps: ["Skirmish"],
533
533
  fontUrl: "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap",
534
534
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"
535
+ },
536
+ {
537
+ value: "circuit-harbor",
538
+ label: "Circuit Harbor",
539
+ recommendedApps: ["IoT"],
540
+ fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
541
+ fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
535
542
  }
536
543
  ];
537
544
  var FAVORITE_THEMES = /* @__PURE__ */ new Set([
@@ -569,5 +576,4 @@ var getThemeAppearance = (themeValue) => {
569
576
  var getThemeConfig = (themeValue) => {
570
577
  return THEME_CONFIGS.find((config) => config.value === themeValue);
571
578
  };
572
- //#endregion
573
579
  export { FAVORITE_THEMES, LIGHT_THEMES, THEME_CONFIGS, getThemeAppearance, getThemeConfig };
package/dist/themes/circuit-harbor.css ADDED
@@ -0,0 +1 @@
1
+ [data-theme=circuit-harbor]{--font-family: 'Inter', 'IBM Plex Sans', sans-serif;--font-family-display: 'Space Grotesk', 'Inter', sans-serif;--form-control-font-family: var(--font-family, sans-serif);--body-background: var(--body-background-wash, var(--body-background-base));--body-background-base: #070c10;--body-background-wash: radial-gradient(62% 54% at 100% 0%, rgba(14, 116, 144, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(30, 58, 95, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d151b 0%, #070c10 52%, #1a2833 100%);--body-color: #d6e2ea;--body-color-accent: #f4f8fb;--body-color-muted: #879cad;--body-title-color: #f4f8fb;--body-sub-title-color: #abbecd;--body-accent-color: #22d3ee;--body-danger-color: #f87171;--backdrop-color: rgba(0, 0, 0, 0.76);--text-shadow: rgba(0, 0, 0, 0.48);--box-shadow: rgba(0, 0, 0, 0.44);--header-background-color: #0d151b;--header-border-bottom-color: #33495a;--header-color: #d6e2ea;--header-font-weight: 600;--card-background-color: #1a2833;--card-background-accent-color: #213140;--card-border-color: #33495a;--card-backdrop-filter: none;--card-border-accent-color: #22d3ee;--card-hover-border-color: #44606f;--card-color: #abbecd;--card-accent-color: #22d3ee;--card-box-shadow: 0 14px 38px rgba(0, 0, 0, 0.34);--card-surface-box-shadow: 0 1px 0 rgba(244, 248, 251, 0.04) inset, 0 14px 38px rgba(0, 0, 0, 0.32);--card-footer-background-color: #213140;--card-footer-color: #879cad;--card-title-color: var(--body-title-color);--card-title-font-family: var(--font-family-display, sans-serif);--card-title-font-size: var(--font-size-lg);--card-title-font-style: normal;--card-title-font-weight: var(--font-weight-bold);--card-title-letter-spacing: 0;--card-title-text-transform: none;--links-color: #22d3ee;--links-hover-color: #06b6d4;--delimiter-color: #33495a;--border-color: #44606f;--button-default-border-color: #44606f;--button-default-background-color: #213140;--button-default-color: #d6e2ea;--button-default-hover-border-color: #22d3ee;--button-default-hover-background-color: rgba(34, 211, 238, 0.12);--button-default-hover-color: #f4f8fb;--button-info-border-color: #22d3ee;--button-info-background-color: #06b6d4;--button-info-color: #04161a;--button-info-hover-border-color: #22d3ee;--button-info-hover-background-color: #22d3ee;--button-info-hover-color: #04161a;--button-warning-border-color: #fbbf24;--button-warning-background-color: #fbbf24;--button-warning-color: #070c10;--button-warning-hover-border-color: #fbbf24;--button-warning-hover-background-color: rgba(251, 191, 36, 0.88);--button-warning-hover-color: #070c10;--button-success-border-color: #4ade80;--button-success-background-color: #4ade80;--button-success-color: #070c10;--button-success-hover-border-color: #4ade80;--button-success-hover-background-color: rgba(74, 222, 128, 0.86);--button-success-hover-color: #070c10;--button-danger-border-color: #f87171;--button-danger-background-color: #f87171;--button-danger-color: #ffffff;--button-danger-hover-border-color: #f87171;--button-danger-hover-background-color: rgba(248, 113, 113, 0.86);--button-danger-hover-color: #ffffff;--button-plain-color: #879cad;--button-plain-hover-color: #f4f8fb;--button-ghost-border-color: transparent;--button-ghost-background-color: transparent;--button-ghost-color: var(--button-plain-color);--button-ghost-hover-border-color: transparent;--button-ghost-hover-background-color: #213140;--button-ghost-hover-color: var(--button-plain-hover-color);--dropdown-border-color: #44606f;--dropdown-header-background-color: #0d151b;--dropdown-header-border-focus-color: #22d3ee;--dropdown-header-color: #d6e2ea;--dropdown-options-background-color: #1a2833;--dropdown-options-color: #d6e2ea;--dropdown-options-hover-background-color: rgba(34, 211, 238, 0.11);--dropdown-options-hover-color: #f4f8fb;--dropdown-options-selected-background-color: rgba(34, 211, 238, 0.2);--dropdown-options-selected-color: #f4f8fb;--dropdown-chips-background-color: rgba(34, 211, 238, 0.14);--dropdown-chips-color: #22d3ee;--dropdown-chips-border-color: rgba(34, 211, 238, 0.32);--dropdown-chips-hover-background-color: rgba(34, 211, 238, 0.22);--dropdown-action-color: #abbecd;--dropdown-action-background-color: #1a2833;--dropdown-action-hover-color: #f4f8fb;--dropdown-action-hover-background-color: #213140;--tabs-active-background-color: rgba(34, 211, 238, 0.15);--tabs-active-color: #22d3ee;--tabs-inactive-background-color: transparent;--tabs-inactive-color: #879cad;--modal-background-color: #1a2833;--modal-border-color: #44606f;--modal-backdrop-filter: none;--modal-header-background-color: #213140;--modal-header-color: #f4f8fb;--modal-title-color: var(--modal-header-color);--modal-title-font-family: var(--font-family-display, sans-serif);--modal-title-font-size: var(--font-size-lg);--modal-title-font-style: normal;--modal-title-font-weight: var(--font-weight-bold);--modal-title-letter-spacing: 0;--modal-title-text-transform: none;--modal-body-color: #abbecd;--modal-footer-background-color: #0d151b;--modal-color: #d6e2ea;--modal-box-shadow: 0 18px 52px rgba(0, 0, 0, 0.48);--modal-surface-box-shadow: var(--modal-box-shadow);--modal-box-shadow-hover: 0 22px 60px rgba(34, 211, 238, 0.18);--list-alternate-background-color: #213140;--list-hover-background-color: rgba(34, 211, 238, 0.08);--progress-bar-background-color: #213140;--progress-bar-color: #879cad;--progress-default-bar-border-color: #44606f;--progress-default-bar-fill-color: #879cad;--progress-success-bar-border-color: #4ade80;--progress-success-bar-fill-color: #4ade80;--progress-info-bar-border-color: #60a5fa;--progress-info-bar-fill-color: #60a5fa;--progress-warning-bar-border-color: #fbbf24;--progress-warning-bar-fill-color: #fbbf24;--progress-danger-bar-border-color: #f87171;--progress-danger-bar-fill-color: #f87171;--form-control-background-color: #0d151b;--form-control-color: #d6e2ea;--form-control-label-color: #879cad;--form-control-label-font-size: var(--font-size-xs);--form-control-label-font-weight: var(--font-weight-semibold);--form-control-label-letter-spacing: 0.08em;--form-control-label-text-transform: uppercase;--form-control-border-color: #44606f;--form-control-error-background-color: rgba(248, 113, 113, 0.1);--form-control-error-color: #f87171;--form-control-error-border-color: #f87171;--form-control-focus-background-color: #213140;--form-control-focus-border-color: #22d3ee;--form-control-focus-color: #f4f8fb;--form-control-placeholder-color: rgba(135, 156, 173, 0.72);--form-control-success-background-color: rgba(74, 222, 128, 0.1);--form-control-success-color: #4ade80;--form-control-success-border-color: #4ade80;--form-control-selection-background-color: rgba(34, 211, 238, 0.16);--form-control-selection-border-color: #22d3ee;--form-control-selection-color: #f4f8fb;--form-control-selection-label-color: #22d3ee;--form-control-focus-ring: rgba(34, 211, 238, 0.28);--calendar-background-color: #1a2833;--calendar-border-color: #44606f;--calendar-header-background-color: #213140;--calendar-header-color: #f4f8fb;--calendar-day-color: #abbecd;--calendar-day-hover-background-color: #213140;--calendar-day-selected-background-color: #22d3ee;--calendar-day-selected-color: #04161a;--calendar-day-disabled-color: rgba(135, 156, 173, 0.42);--calendar-day-today-border-color: #22d3ee;--calendar-day-weekend-color: #fbbf24;--datepicker-input-background-color: #0d151b;--tooltip-background-color: #22d3ee;--tooltip-border-color: #22d3ee;--tooltip-color: #04161a;--popover-background-color: #1a2833;--popover-border-color: #22d3ee;--popover-color: #d6e2ea;--popover-arrow-color: #22d3ee;--toast-info-background-color: #60a5fa;--toast-info-color: #04161a;--toast-info-border-color: #22d3ee;--toast-success-background-color: #4ade80;--toast-success-color: #070c10;--toast-success-border-color: #4ade80;--toast-warning-background-color: #fbbf24;--toast-warning-color: #070c10;--toast-warning-border-color: #fbbf24;--toast-danger-background-color: #f87171;--toast-danger-color: #ffffff;--toast-danger-border-color: #f87171;--loader-border-color: rgba(34, 211, 238, 0.2);--loader-border-top-color: #22d3ee;--rating-color-success: #4ade80;--rating-color-warning: #fbbf24;--rating-color-danger: #f87171;--rating-color-info: #60a5fa;--rating-empty-color: #213140;--rating-empty-label-color: #879cad;--rating-half-rate-empty-color: #213140;--slider-track-background-color: #213140;--slider-track-border-color: #44606f;--slider-track-hover-background-color: #0e3440;--slider-track-hover-border-color: #22d3ee;--slider-thumb-background-color: #22d3ee;--slider-thumb-border-color: #22d3ee;--slider-thumb-hover-background-color: #06b6d4;--slider-thumb-hover-border-color: #06b6d4;--chip-selected-background-color: rgba(34, 211, 238, 0.16);--chip-selected-border-color: #22d3ee;--chip-hover-border-color: #22d3ee;--chip-hover-background-color: transparent;--chip-hover-color: #abbecd;--chip-selected-color: #22d3ee;--chip-selected-count-color: rgba(34, 211, 238, 0.72);--note-container-effect-background-color: rgba(34, 211, 238, 0.08);--note-container-effect-color: #d6e2ea;--note-container-effect-border-left-color: #22d3ee;--infuse-effect-hover-border-color: #22d3ee;--infuse-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.32);--infuse-effect-before-background: linear-gradient(90deg, #06b6d4, #fbbf24);--up-lift-effect-hover-border-color: #22d3ee;--up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.42);--up-lift-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.28);--up-lift-effect-before-background: linear-gradient(135deg, #22d3ee 0%, #1e3a5f 100%);--glow-box-shadow-color: 0 0 18px rgba(34, 211, 238, 0.36), 0 0 8px rgba(30, 58, 95, 0.18);--glow-hover-border-color: rgba(34, 211, 238, 0.42)}