diff --git a/ui/ui-kit/style/theme/palette-20.css b/ui/ui-kit/style/theme/palette-20.css deleted file mode 100644 index 81d8400d3..000000000 --- a/ui/ui-kit/style/theme/palette-20.css +++ /dev/null @@ -1,111 +0,0 @@ -:root { - /* HCT 20 */ - - /* primary */ - --ref-palette-primary0: 20, 48%, 0%; - --ref-palette-primary10: 20, 48%, 10%; - --ref-palette-primary20: 20, 48%, 20%; - --ref-palette-primary25: 20, 48%, 25%; - --ref-palette-primary30: 20, 48%, 30%; - --ref-palette-primary35: 20, 48%, 35%; - --ref-palette-primary40: 20, 48%, 40%; - --ref-palette-primary50: 20, 48%, 50%; - --ref-palette-primary60: 20, 48%, 60%; - --ref-palette-primary70: 20, 48%, 70%; - --ref-palette-primary80: 20, 48%, 80%; - --ref-palette-primary90: 20, 48%, 90%; - --ref-palette-primary95: 20, 48%, 95%; - --ref-palette-primary98: 20, 48%, 98%; - --ref-palette-primary99: 20, 48%, 99%; - --ref-palette-primary100: 20, 48%, 100%; - - /* secondary */ - --ref-palette-secondary0: 20, 16%, 0%; - --ref-palette-secondary10: 20, 16%, 10%; - --ref-palette-secondary20: 20, 16%, 20%; - --ref-palette-secondary25: 20, 16%, 25%; - --ref-palette-secondary30: 20, 16%, 30%; - --ref-palette-secondary35: 20, 16%, 35%; - --ref-palette-secondary40: 20, 16%, 40%; - --ref-palette-secondary50: 20, 16%, 50%; - --ref-palette-secondary60: 20, 16%, 60%; - --ref-palette-secondary70: 20, 16%, 70%; - --ref-palette-secondary80: 20, 16%, 80%; - --ref-palette-secondary90: 20, 16%, 90%; - --ref-palette-secondary95: 20, 16%, 95%; - --ref-palette-secondary98: 20, 16%, 98%; - --ref-palette-secondary99: 20, 16%, 99%; - --ref-palette-secondary100: 20, 16%, 100%; - - /* tertiary */ - --ref-palette-tertiary0: 80, 24%, 0%; - --ref-palette-tertiary10: 80, 24%, 10%; - --ref-palette-tertiary20: 80, 24%, 20%; - --ref-palette-tertiary25: 80, 24%, 25%; - --ref-palette-tertiary30: 80, 24%, 30%; - --ref-palette-tertiary35: 80, 24%, 35%; - --ref-palette-tertiary40: 80, 24%, 40%; - --ref-palette-tertiary50: 80, 24%, 50%; - --ref-palette-tertiary60: 80, 24%, 60%; - --ref-palette-tertiary70: 80, 24%, 70%; - --ref-palette-tertiary80: 80, 24%, 80%; - --ref-palette-tertiary90: 80, 24%, 90%; - --ref-palette-tertiary95: 80, 24%, 95%; - --ref-palette-tertiary98: 80, 24%, 98%; - --ref-palette-tertiary99: 80, 24%, 99%; - --ref-palette-tertiary100: 80, 24%, 100%; - - /* neutral */ - --ref-palette-neutral0: 20, 4%, 0%; - --ref-palette-neutral10: 20, 4%, 10%; - --ref-palette-neutral20: 20, 4%, 20%; - --ref-palette-neutral25: 20, 4%, 25%; - --ref-palette-neutral30: 20, 4%, 30%; - --ref-palette-neutral35: 20, 4%, 35%; - --ref-palette-neutral40: 20, 4%, 40%; - --ref-palette-neutral50: 20, 4%, 50%; - --ref-palette-neutral60: 20, 4%, 60%; - --ref-palette-neutral70: 20, 4%, 70%; - --ref-palette-neutral80: 20, 4%, 80%; - --ref-palette-neutral90: 20, 4%, 90%; - --ref-palette-neutral95: 20, 4%, 95%; - --ref-palette-neutral98: 20, 4%, 98%; - --ref-palette-neutral99: 20, 4%, 99%; - --ref-palette-neutral100: 20, 4%, 100%; - - /* neutral-variant */ - --ref-palette-neutral-variant0: 20, 8%, 0%; - --ref-palette-neutral-variant10: 20, 8%, 10%; - --ref-palette-neutral-variant20: 20, 8%, 20%; - --ref-palette-neutral-variant25: 20, 8%, 25%; - --ref-palette-neutral-variant30: 20, 8%, 30%; - --ref-palette-neutral-variant35: 20, 8%, 35%; - --ref-palette-neutral-variant40: 20, 8%, 40%; - --ref-palette-neutral-variant50: 20, 8%, 50%; - --ref-palette-neutral-variant60: 20, 8%, 60%; - --ref-palette-neutral-variant70: 20, 8%, 70%; - --ref-palette-neutral-variant80: 20, 8%, 80%; - --ref-palette-neutral-variant90: 20, 8%, 90%; - --ref-palette-neutral-variant95: 20, 8%, 95%; - --ref-palette-neutral-variant98: 20, 8%, 98%; - --ref-palette-neutral-variant99: 20, 8%, 99%; - --ref-palette-neutral-variant100: 20, 8%, 100%; - - /* error */ - --ref-palette-error0: 25, 84%, 0%; - --ref-palette-error10: 25, 84%, 10%; - --ref-palette-error20: 25, 84%, 20%; - --ref-palette-error25: 25, 84%, 25%; - --ref-palette-error30: 25, 84%, 30%; - --ref-palette-error35: 25, 84%, 35%; - --ref-palette-error40: 25, 84%, 40%; - --ref-palette-error50: 25, 84%, 50%; - --ref-palette-error60: 25, 84%, 60%; - --ref-palette-error70: 25, 84%, 70%; - --ref-palette-error80: 25, 84%, 80%; - --ref-palette-error90: 25, 84%, 90%; - --ref-palette-error95: 25, 84%, 95%; - --ref-palette-error98: 25, 84%, 98%; - --ref-palette-error99: 25, 84%, 99%; - --ref-palette-error100: 25, 84%, 100%; -} diff --git a/ui/ui-kit/style/theme/palette-40.css b/ui/ui-kit/style/theme/palette-40.css new file mode 100644 index 000000000..650abebc8 --- /dev/null +++ b/ui/ui-kit/style/theme/palette-40.css @@ -0,0 +1,111 @@ +:root { + /* HCT 40 (keep #f06627) */ + + /* primary */ + --ref-palette-primary0: 0, 0%, 0%; + --ref-palette-primary10: 15.3, 100%, 10.8%; + --ref-palette-primary20: 18.7, 100%, 17.6%; + --ref-palette-primary25: 19.4, 100%, 21.2%; + --ref-palette-primary30: 20.3, 100%, 24.9%; + --ref-palette-primary35: 20.8, 100%, 28.8%; + --ref-palette-primary40: 21.3, 100%, 32.5%; + --ref-palette-primary50: 20.4, 89.8%, 42.4%; + --ref-palette-primary60: 18.8, 87%, 54.7%; + --ref-palette-primary70: 17.4, 100%, 68.2%; + --ref-palette-primary80: 16.5, 100%, 80%; + --ref-palette-primary90: 15.9, 100%, 90.4%; + --ref-palette-primary95: 15, 100%, 95.3%; + --ref-palette-primary98: 13.3, 100%, 98.2%; + --ref-palette-primary99: 300, 100%, 99.2%; + --ref-palette-primary100: 0, 0%, 100%; + + /* secondary */ + --ref-palette-secondary0: 0, 0%, 0%; + --ref-palette-secondary10: 17.4, 54.4%, 11.2%; + --ref-palette-secondary20: 16.7, 36%, 19.6%; + --ref-palette-secondary25: 17.4, 31.1%, 23.9%; + --ref-palette-secondary30: 16.5, 27.4%, 28.6%; + --ref-palette-secondary35: 15.7, 24.7%, 33.3%; + --ref-palette-secondary40: 16.4, 22.7%, 38%; + --ref-palette-secondary50: 15.3, 19.2%, 48%; + --ref-palette-secondary60: 16.8, 23.4%, 58%; + --ref-palette-secondary70: 16.7, 33.7%, 68.6%; + --ref-palette-secondary80: 16.1, 53.8%, 79.6%; + --ref-palette-secondary90: 15.9, 100%, 90.4%; + --ref-palette-secondary95: 15, 100%, 95.3%; + --ref-palette-secondary98: 13.3, 100%, 98.2%; + --ref-palette-secondary99: 300, 100%, 99.2%; + --ref-palette-secondary100: 0, 0%, 100%; + + /* tertiary */ + --ref-palette-tertiary0: 0, 0%, 0%; + --ref-palette-tertiary10: 49.1, 100%, 6.5%; + --ref-palette-tertiary20: 50.4, 80.6%, 12.2%; + --ref-palette-tertiary25: 49.6, 61.9%, 16.5%; + --ref-palette-tertiary30: 50.9, 50.5%, 20.6%; + --ref-palette-tertiary35: 49.1, 42.6%, 25.3%; + --ref-palette-tertiary40: 49.3, 36.8%, 29.8%; + --ref-palette-tertiary50: 49, 30%, 39.2%; + --ref-palette-tertiary60: 49.5, 25.3%, 48.8%; + --ref-palette-tertiary70: 48.4, 32.1%, 59%; + --ref-palette-tertiary80: 48.9, 44.9%, 69.4%; + --ref-palette-tertiary90: 48.5, 72.3%, 80.2%; + --ref-palette-tertiary95: 48.2, 100%, 86.1%; + --ref-palette-tertiary98: 41.1, 100%, 96.3%; + --ref-palette-tertiary99: 300, 100%, 99.2%; + --ref-palette-tertiary100: 0, 0%, 100%; + + /* neutral */ + --ref-palette-neutral0: 0, 0%, 0%; + --ref-palette-neutral10: 15, 14.3%, 11%; + --ref-palette-neutral20: 18, 10.2%, 19.2%; + --ref-palette-neutral25: 18, 8.3%, 23.5%; + --ref-palette-neutral30: 16.4, 7.7%, 28%; + --ref-palette-neutral35: 16.4, 6.6%, 32.7%; + --ref-palette-neutral40: 10.9, 5.8%, 37.5%; + --ref-palette-neutral50: 13.8, 5.4%, 47.3%; + --ref-palette-neutral60: 12.9, 6.4%, 57.3%; + --ref-palette-neutral70: 16, 9.1%, 67.6%; + --ref-palette-neutral80: 15, 14.5%, 78.4%; + --ref-palette-neutral90: 14.1, 32.1%, 89.6%; + --ref-palette-neutral95: 14.1, 68%, 95.1%; + --ref-palette-neutral98: 13.3, 100%, 98.2%; + --ref-palette-neutral99: 300, 100%, 99.2%; + --ref-palette-neutral100: 0, 0%, 100%; + + /* neutral-variant */ + --ref-palette-neutral-variant0: 0, 0%, 0%; + --ref-palette-neutral-variant10: 17.6, 29.8%, 11.2%; + --ref-palette-neutral-variant20: 15.8, 19.2%, 19.4%; + --ref-palette-neutral-variant25: 15, 16.4%, 23.9%; + --ref-palette-neutral-variant30: 14.3, 14.5%, 28.4%; + --ref-palette-neutral-variant35: 16.4, 13.1%, 32.9%; + --ref-palette-neutral-variant40: 16.4, 11.5%, 37.6%; + --ref-palette-neutral-variant50: 15, 9.9%, 47.5%; + --ref-palette-neutral-variant60: 16.2, 12%, 57.6%; + --ref-palette-neutral-variant70: 15.6, 16.6%, 68%; + --ref-palette-neutral-variant80: 14.5, 27.1%, 79%; + --ref-palette-neutral-variant90: 15.5, 60.8%, 90%; + --ref-palette-neutral-variant95: 15, 100%, 95.3%; + --ref-palette-neutral-variant98: 13.3, 100%, 98.2%; + --ref-palette-neutral-variant99: 300, 100%, 99.2%; + --ref-palette-neutral-variant100: 0, 0%, 100%; + + /* error */ + --ref-palette-error0: 0, 0%, 0%; + --ref-palette-error10: 358.2, 100%, 12.7%; + --ref-palette-error20: 357.1, 100%, 20.6%; + --ref-palette-error25: 356.7, 100%, 24.7%; + --ref-palette-error30: 355.9, 100%, 28.8%; + --ref-palette-error35: 356.6, 92%, 34.3%; + --ref-palette-error40: 0, 75.5%, 41.6%; + --ref-palette-error50: 2.4, 72.5%, 52.9%; + --ref-palette-error60: 3.6, 100%, 64.3%; + --ref-palette-error70: 5.5, 100%, 74.5%; + --ref-palette-error80: 6.4, 100%, 83.5%; + --ref-palette-error90: 5.9, 100%, 92%; + --ref-palette-error95: 8.6, 100%, 95.9%; + --ref-palette-error98: 7.5, 100%, 98.4%; + --ref-palette-error99: 300, 100%, 99.2%; + --ref-palette-error100: 0, 0%, 100%; +} diff --git a/uniquely/keep-pwa/src/ui/alwatr-pwa.ts b/uniquely/keep-pwa/src/ui/alwatr-pwa.ts index 00f1a7485..848b6ec5a 100644 --- a/uniquely/keep-pwa/src/ui/alwatr-pwa.ts +++ b/uniquely/keep-pwa/src/ui/alwatr-pwa.ts @@ -3,7 +3,7 @@ import '@alwatr/font/vazirmatn.css'; import {AlwatrPwaElement} from '@alwatr/pwa-helper/pwa-element.js'; import '@alwatr/ui-kit/style/mobile-only.css'; import '@alwatr/ui-kit/style/theme/color.css'; -import '@alwatr/ui-kit/style/theme/palette-20.css'; +import '@alwatr/ui-kit/style/theme/palette-40.css'; import './page/home.js'; // for perf import './stuff/app-footer.js';