@guajiritos/theme-picker 17.0.1

package/palettes.scss

@@ -0,0 +1,506 @@
+// Guajiritos
+$ocean-green: (
+  50: #e4f7f0,
+  100: #bbecdb,
+  200: #8de0c3,
+  300: #5fd3aa,
+  400: #3dc998,
+  500: #1bc086,
+  600: #18ba7e,
+  700: #14b273,
+  800: #10aa69,
+  900: #089c56,
+  A100: #c9ffe3,
+  A200: #96ffc8,
+  A400: #63ffad,
+  A700: #49ffa0,
+  dark: #389170,
+  contrast: (
+    50: #000000,
+    100: #000000,
+    200: #000000,
+    300: #000000,
+    400: #000000,
+    500: #ffffff,
+    600: #ffffff,
+    700: #ffffff,
+    800: #ffffff,
+    900: #ffffff,
+    A100: #000000,
+    A200: #000000,
+    A400: #000000,
+    A700: #000000,
+  ),
+);
+
+// Daiquiri
+$bright-yellow: (
+  50 : #fff5e0,
+  100 : #fee6b3,
+  200 : #fed580,
+  300 : #fec44d,
+  400 : #fdb826,
+  500 : #fdab00,
+  600 : #fda400,
+  700 : #fc9a00,
+  800 : #fc9100,
+  900 : #fc8000,
+  A100 : #ffffff,
+  A200 : #fff6ef,
+  A400 : #ffdabc,
+  A700 : #ffcca2,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #000000,
+    900 : #000000,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Gaviota
+$apple: (
+  50 : #ecf7e9,
+  100 : #d1ebc8,
+  200 : #b2dea3,
+  300 : #93d07e,
+  400 : #7bc662,
+  500 : #64bc46,
+  600 : #5cb63f,
+  700 : #52ad37,
+  800 : #48a52f,
+  900 : #369720,
+  A100 : #d9ffd2,
+  A200 : #afff9f,
+  A400 : #85ff6c,
+  A700 : #6fff52,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Amistur
+$green: (
+  50 : #e5f5f0,
+  100 : #bfe7da,
+  200 : #95d7c1,
+  300 : #6ac6a8,
+  400 : #4aba95,
+  500 : #2aae82,
+  600 : #25a77a,
+  700 : #1f9d6f,
+  800 : #199465,
+  900 : #0f8452,
+  A100 : #b6ffdd,
+  A200 : #83ffc5,
+  A400 : #50ffae,
+  A700 : #36ffa2,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Fly2Fun
+$douban-blue: (
+  50 : #e0f2f8,
+  100 : #b3dfef,
+  200 : #80c9e4,
+  300 : #4db3d9,
+  400 : #26a3d0,
+  500 : #0093c8,
+  600 : #008bc2,
+  700 : #0080bb,
+  800 : #0076b4,
+  900 : #0064a7,
+  A100 : #d1eaff,
+  A200 : #9ed2ff,
+  A400 : #6bbbff,
+  A700 : #52afff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Graciela Travels
+$blizzard-blue: (
+  50 : #f6fcfd,
+  100 : #e8f9fb,
+  200 : #d9f5f9,
+  300 : #c9f0f6,
+  400 : #beedf4,
+  500 : #b2eaf2,
+  600 : #abe7f0,
+  700 : #a2e4ee,
+  800 : #99e1ec,
+  900 : #8adbe8,
+  A100 : #ffffff,
+  A200 : #ffffff,
+  A400 : #ffffff,
+  A700 : #f9feff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #000000,
+    900 : #000000,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+$sasquatch-socks: (
+  50 : #ffe8f0,
+  100 : #ffc5d9,
+  200 : #ff9fc0,
+  300 : #ff79a7,
+  400 : #ff5c94,
+  500 : #ff3f81,
+  600 : #ff3979,
+  700 : #ff316e,
+  800 : #ff2964,
+  900 : #ff1b51,
+  A100 : #ffffff,
+  A200 : #ffffff,
+  A400 : #ffccd7,
+  A700 : #ffb3c2,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Grupo Cubanacan
+$sapphire: (
+  50 : #e0eaf7,
+  100 : #b3cbea,
+  200 : #80a8dd,
+  300 : #4d85cf,
+  400 : #266bc4,
+  500 : #0051ba,
+  600 : #004ab3,
+  700 : #0040ab,
+  800 : #0037a3,
+  900 : #002794,
+  A100 : #bfcbff,
+  A200 : #8ca1ff,
+  A400 : #5978ff,
+  A700 : #4063ff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #ffffff,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #ffffff,
+    A700 : #ffffff,
+  )
+);
+
+// Isla Azul
+$ateneo-blue: (
+  50 : #e0e8ee,
+  100 : #b3c5d4,
+  200 : #809fb7,
+  300 : #4d789a,
+  400 : #265b84,
+  500 : #003e6e,
+  600 : #003866,
+  700 : #00305b,
+  800 : #002851,
+  900 : #001b3f,
+  A100 : #74a1ff,
+  A200 : #417eff,
+  A400 : #0e5bff,
+  A700 : #004ef4,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #ffffff,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #ffffff,
+    A400 : #ffffff,
+    A700 : #ffffff,
+  )
+);
+
+// Marlin
+$brilliant-azure: (
+  50 : #e4f2fe,
+  100 : #bde0fb,
+  200 : #91cbf9,
+  300 : #64b6f7,
+  400 : #43a6f5,
+  500 : #2296f3,
+  600 : #1e8ef1,
+  700 : #1983ef,
+  800 : #1479ed,
+  900 : #0c68ea,
+  A100 : #ffffff,
+  A200 : #e1ecff,
+  A400 : #aeccff,
+  A700 : #95bcff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Palmares - Viajes Cubanacan
+$deep-carmine-pink: (
+  50 : #fde6e6,
+  100 : #fac0c1,
+  200 : #f69697,
+  300 : #f26c6d,
+  400 : #f04d4e,
+  500 : #ed2d2f,
+  600 : #eb282a,
+  700 : #e82223,
+  800 : #e51c1d,
+  900 : #e01112,
+  A100 : #ffffff,
+  A200 : #ffdadb,
+  A400 : #ffa7a8,
+  A700 : #ff8e8f,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Okaturs
+$mustard-yellow: (
+  50 : #fcf6e1,
+  100 : #f7e8b5,
+  200 : #f2d884,
+  300 : #ecc853,
+  400 : #e8bd2e,
+  500 : #e4b109,
+  600 : #e1aa08,
+  700 : #dda106,
+  800 : #d99805,
+  900 : #d18802,
+  A100 : #fffdf9,
+  A200 : #ffe8c6,
+  A400 : #ffd493,
+  A700 : #ffca7a,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #000000,
+    900 : #000000,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+$blue-bolt: (
+  50 : #e5f6fe,
+  100 : #bfe9fc,
+  200 : #94dbfb,
+  300 : #69ccf9,
+  400 : #49c1f7,
+  500 : #29b6f6,
+  600 : #24aff5,
+  700 : #1fa6f3,
+  800 : #199ef2,
+  900 : #0f8eef,
+  A100 : #ffffff,
+  A200 : #e8f4ff,
+  A400 : #b5dcff,
+  A700 : #9cd1ff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Santa Maria Music Fest
+$dark-turquoise: (
+  50 : #e3fafc,
+  100 : #b9f2f7,
+  200 : #8beaf2,
+  300 : #5ce2ec,
+  400 : #39dbe8,
+  500 : #16d5e4,
+  600 : #13d0e1,
+  700 : #10cadd,
+  800 : #0cc4d9,
+  900 : #06bad1,
+  A100 : #fafeff,
+  A200 : #c7f8ff,
+  A400 : #94f1ff,
+  A700 : #7beeff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #000000,
+    900 : #000000,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+// Viajes San Cristobal
+$jelly-bean-blue: (
+  50 : #e4f0f3,
+  100 : #bcd9e1,
+  200 : #8fc0ce,
+  300 : #62a7ba,
+  400 : #4094ab,
+  500 : #1e819c,
+  600 : #1a7994,
+  700 : #166e8a,
+  800 : #126480,
+  900 : #0a516e,
+  A100 : #a0e0ff,
+  A200 : #6dcfff,
+  A400 : #3abfff,
+  A700 : #20b6ff,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #ffffff,
+    500 : #ffffff,
+    600 : #ffffff,
+    700 : #ffffff,
+    800 : #ffffff,
+    900 : #ffffff,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/material-theme-picker.component';
+export * from './lib/models/models';

package/theme.scss

@@ -0,0 +1,105 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+@use './palettes' as palettes;
+
+@mixin theme-guajiritos-theme-picker($theme) {
+  $config: mat.get-color-config($theme);
+  $accent: map.get($config, accent);
+  $foreground: map.get($config, foreground);
+
+  #activePalette {
+    box-shadow: 0 0 4px -2px mat.get-color-from-palette($foreground, 'text');
+  }
+
+  svg {
+    &.ocean-green {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$ocean-green, 500) !important;
+      }
+    }
+
+    &.bright-yellow {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$bright-yellow, 500) !important;
+      }
+    }
+
+    &.apple {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$apple, 500) !important;
+      }
+    }
+
+    &.green {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$green, 500) !important;
+      }
+    }
+
+    &.douban-blue {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$douban-blue, 500) !important;
+      }
+    }
+
+    &.blizzard-blue {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$blizzard-blue, 500) !important;
+      }
+    }
+
+    &.sasquatch-socks {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$sasquatch-socks, 500) !important;
+      }
+    }
+
+    &.sapphire {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$sapphire, 500) !important;
+      }
+    }
+
+    &.ateneo-blue {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$ateneo-blue, 500) !important;
+      }
+    }
+
+    &.brilliant-azure {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$brilliant-azure, 500) !important;
+      }
+    }
+
+    &.deep-carmine-pink {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$deep-carmine-pink, 500) !important;
+      }
+    }
+
+    &.mustard-yellow {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$mustard-yellow, 500) !important;
+      }
+    }
+
+    &.blue-bolt {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$blue-bolt, 500) !important;
+      }
+    }
+
+    &.dark-turquoise {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$dark-turquoise, 500) !important;
+      }
+    }
+
+    &.jelly-bean-blue {
+      .svg-color {
+        fill: mat.get-color-from-palette(palettes.$jelly-bean-blue, 500) !important;
+      }
+    }
+  }
+}