diff --git a/configurator/src/components/colorways.js b/configurator/src/components/colorways.js index 222676e536d5..7dc1114cf241 100644 --- a/configurator/src/components/colorways.js +++ b/configurator/src/components/colorways.js @@ -1,5 +1,76 @@ export default { list: [ + { + name: 'dsa-galaxy-class', + override: { + KC_ESC: 'pink', + KC_F1: 'darker-blue', + KC_F2: 'darker-blue', + KC_F3: 'darker-blue', + KC_F4: 'darker-blue', + KC_F5: 'pink', + KC_F6: 'pink', + KC_F7: 'pink', + KC_F8: 'pink', + KC_F9: 'light-blue', + KC_F10: 'light-blue', + KC_F11: 'light-blue', + KC_F12: 'light-blue', + KC_PSCR: 'purple', + KC_SLCK: 'purple', + KC_PAUS: 'purple', + KC_GRV: 'mod', + KC_GESC: 'mod', + KC_1: 'mod', + KC_2: 'mod', + KC_3: 'mod', + KC_4: 'mod', + KC_5: 'mod', + KC_6: 'mod', + KC_7: 'mod', + KC_8: 'mod', + KC_9: 'mod', + KC_0: 'mod', + KC_MINS: 'mod', + KC_EQL: 'mod', + KC_TAB: 'purple', + KC_CAPS: 'purple', + KC_LSFT: 'purple', + KC_LCTL: 'purple', + KC_LGUI: 'purple', + KC_LALT: 'purple', + KC_SPC: 'gray', + KC_RALT: 'purple', + KC_RGUI: 'purple', + KC_INS: 'pink', + KC_HOME: 'pink', + KC_PGUP: 'pink', + KC_DEL: 'pink', + KC_END: 'pink', + KC_PGDN: 'pink', + KC_UP: 'darker-blue', + KC_LEFT: 'darker-blue', + KC_DOWN: 'darker-blue', + KC_RGHT: 'darker-blue', + KC_NLCK: 'mod', + KC_PSLS: 'mod', + KC_PAST: 'mod', + KC_PMNS: 'mod', + KC_PPLS: 'mod', + KC_PENT: 'mod', + KC_PDOT: 'pink', + KC_P0: 'pink', + KC_P1: 'light-blue', + KC_P2: 'light-blue', + KC_P3: 'light-blue', + KC_P4: 'light-blue', + KC_P5: 'light-blue', + KC_P6: 'light-blue', + KC_P7: 'light-blue', + KC_P8: 'light-blue', + KC_P9: 'light-blue' + } + }, { name: 'sa-carbon' }, { name: 'sa-danger-zone' }, { diff --git a/configurator/src/scss/colorways.scss b/configurator/src/scss/colorways.scss index 1ae6dc045b1d..e59cf2a8dea8 100644 --- a/configurator/src/scss/colorways.scss +++ b/configurator/src/scss/colorways.scss @@ -109,6 +109,59 @@ .sa-jukebox-kb { } +.dsa-galaxy-class-key { + background: $color-sp-pbt-BFE; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-BFE, 40%); + } +} +.dsa-galaxy-class-mod { + // yellow + background: $color-pantone-141C; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-pantone-141C, 40%); + } +} +.dsa-galaxy-class-purple { + background: $color-sp-pbt-RCB; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-RCB, 40%); + } +} +.dsa-galaxy-class-darker-blue { + background: $color-sp-pbt-BDJ; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-BDJ, 40%); + } +} +.dsa-galaxy-class-pink { + background: $color-sp-pbt-RCA; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-RCA, 40%); + } +} +.dsa-galaxy-class-light-blue { + background: $color-sp-pbt-BFE; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-BFE, 40%); + } +} +.dsa-galaxy-class-gray { + background: $color-sp-pbt-GQT; + color: $color-sp-pbt-BLACK; + input { + background: lighten($color-sp-pbt-GQT, 40%); + } +} +.dsa-galaxy-class-kb { +} + // GMK Keysets diff --git a/configurator/src/scss/pantone.scss b/configurator/src/scss/pantone.scss index 161330375676..6d5620398538 100644 --- a/configurator/src/scss/pantone.scss +++ b/configurator/src/scss/pantone.scss @@ -1,2 +1,3 @@ -$color-pantone-534C: rgb(27,54,93); +$color-pantone-141C: rgb(242,199,92); $color-pantone-533C: rgb(31,42,68); +$color-pantone-534C: rgb(27,54,93);