| 1 | /* |
| 2 | Copyright 2016 Google Inc. All rights reserved. |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | :root { |
| 18 | color-scheme: dark; |
| 19 | /* Surface tint */ |
| 20 | --md-sys-color-surface-tint: var(--md-sys-color-primary); |
| 21 | /* Surface tint color */ |
| 22 | --md-sys-color-surface-tint-color: var(--md-sys-color-primary); |
| 23 | /* On error container */ |
| 24 | --md-sys-color-on-error-container: var(--md-ref-palette-error80); |
| 25 | /* On error */ |
| 26 | --md-sys-color-on-error: var(--md-ref-palette-error20); |
| 27 | /* Error container */ |
| 28 | --md-sys-color-error-container: var(--md-ref-palette-error30); |
| 29 | /* On tertiary container */ |
| 30 | --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary90); |
| 31 | /* On tertiary */ |
| 32 | --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary20); |
| 33 | /* Tertiary container */ |
| 34 | --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary30); |
| 35 | /* Tertiary */ |
| 36 | --md-sys-color-tertiary: var(--md-ref-palette-tertiary80); |
| 37 | /* Shadow */ |
| 38 | --md-sys-color-shadow: var(--md-ref-palette-neutral0); |
| 39 | /* Error */ |
| 40 | --md-sys-color-error: var(--md-ref-palette-error80); |
| 41 | /* Outline */ |
| 42 | --md-sys-color-outline: var(--md-ref-palette-neutral-variant60); |
| 43 | /* On background */ |
| 44 | --md-sys-color-on-background: var(--md-ref-palette-neutral90); |
| 45 | /* Background */ |
| 46 | --md-sys-color-background: var(--md-ref-palette-neutral10); |
| 47 | /* Inverse on surface */ |
| 48 | --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral20); |
| 49 | /* Inverse surface */ |
| 50 | --md-sys-color-inverse-surface: var(--md-ref-palette-neutral90); |
| 51 | /* On surface variant */ |
| 52 | --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant80); |
| 53 | /* On surface */ |
| 54 | --md-sys-color-on-surface: var(--md-ref-palette-neutral90); |
| 55 | /* Surface Variant */ |
| 56 | --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant30); |
| 57 | /* Surface */ |
| 58 | --md-sys-color-surface: var(--md-ref-palette-neutral10); |
| 59 | /* On secondary container */ |
| 60 | --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary90); |
| 61 | /* On secondary */ |
| 62 | --md-sys-color-on-secondary: var(--md-ref-palette-secondary20); |
| 63 | /* Secondary container */ |
| 64 | --md-sys-color-secondary-container: var(--md-ref-palette-secondary30); |
| 65 | /* Secondary */ |
| 66 | --md-sys-color-secondary: var(--md-ref-palette-secondary80); |
| 67 | /* Inverse primary */ |
| 68 | --md-sys-color-inverse-primary: var(--md-ref-palette-primary40); |
| 69 | /* On primary container */ |
| 70 | --md-sys-color-on-primary-container: var(--md-ref-palette-primary90); |
| 71 | /* On primary */ |
| 72 | --md-sys-color-on-primary: var(--md-ref-palette-primary20); |
| 73 | /* Primary container */ |
| 74 | --md-sys-color-primary-container: var(--md-ref-palette-primary30); |
| 75 | /* Primary */ |
| 76 | --md-sys-color-primary: var(--md-ref-palette-primary80); |
| 77 | } |
| 78 |
| 1 | /* |
| 2 | Copyright 2016 Google Inc. All rights reserved. |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | */ |
| 16 | |
| 17 | :root { |
| 18 | color-scheme: light; |
| 19 | /* Surface tint */ |
| 20 | --md-sys-color-surface-tint: var(--md-sys-color-primary); |
| 21 | /* Surface tint color */ |
| 22 | --md-sys-color-surface-tint-color: var(--md-sys-color-primary); |
| 23 | /* On error container */ |
| 24 | --md-sys-color-on-error-container: var(--md-ref-palette-error10); |
| 25 | /* On error */ |
| 26 | --md-sys-color-on-error: var(--md-ref-palette-error100); |
| 27 | /* Error container */ |
| 28 | --md-sys-color-error-container: var(--md-ref-palette-error90); |
| 29 | /* On tertiary container */ |
| 30 | --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary10); |
| 31 | /* On tertiary */ |
| 32 | --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary100); |
| 33 | /* Tertiary container */ |
| 34 | --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary90); |
| 35 | /* Tertiary */ |
| 36 | --md-sys-color-tertiary: var(--md-ref-palette-tertiary40); |
| 37 | /* Shadow */ |
| 38 | --md-sys-color-shadow: var(--md-ref-palette-neutral0); |
| 39 | /* Error */ |
| 40 | --md-sys-color-error: var(--md-ref-palette-error40); |
| 41 | /* Outline */ |
| 42 | --md-sys-color-outline: var(--md-ref-palette-neutral-variant50); |
| 43 | /* On background */ |
| 44 | --md-sys-color-on-background: var(--md-ref-palette-neutral10); |
| 45 | /* Background */ |
| 46 | --md-sys-color-background: var(--md-ref-palette-neutral99); |
| 47 | /* Inverse on surface */ |
| 48 | --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral95); |
| 49 | /* Inverse surface */ |
| 50 | --md-sys-color-inverse-surface: var(--md-ref-palette-neutral20); |
| 51 | /* On surface variant */ |
| 52 | --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant30); |
| 53 | /* On surface */ |
| 54 | --md-sys-color-on-surface: var(--md-ref-palette-neutral10); |
| 55 | /* Surface Variant */ |
| 56 | --md-sys-color-surface-variant: var(--md-ref-palette-neutral-variant90); |
| 57 | /* Surface */ |
| 58 | --md-sys-color-surface: var(--md-ref-palette-neutral99); |
| 59 | /* On secondary container */ |
| 60 | --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary10); |
| 61 | /* On secondary */ |
| 62 | --md-sys-color-on-secondary: var(--md-ref-palette-secondary100); |
| 63 | /* Secondary container */ |
| 64 | --md-sys-color-secondary-container: var(--md-ref-palette-secondary90); |
| 65 | /* Secondary */ |
| 66 | --md-sys-color-secondary: var(--md-ref-palette-secondary40); |
| 67 | /* Inverse primary */ |
| 68 | --md-sys-color-inverse-primary: var(--md-ref-palette-primary80); |
| 69 | /* On primary container */ |
| 70 | --md-sys-color-on-primary-container: var(--md-ref-palette-primary10); |
| 71 | /* On primary */ |
| 72 | --md-sys-color-on-primary: var(--md-ref-palette-primary100); |
| 73 | /* Primary container */ |
| 74 | --md-sys-color-primary-container: var(--md-ref-palette-primary90); |
| 75 | /* Primary */ |
| 76 | --md-sys-color-primary: var(--md-ref-palette-primary40); |
| 77 | } |
| 78 |