merge from dev
This commit is contained in:
parent
d96250df7f
commit
bcfee41a57
318 changed files with 54424 additions and 6419 deletions
|
@ -16,24 +16,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
|
||||
:root {
|
||||
/*
|
||||
* Light background theme
|
||||
* You can use these generic variables in your elements for easy theming.
|
||||
* For example, if all your elements use `--primary-text-color` as its main
|
||||
* color, then switching from a light to a dark theme is just a matter of
|
||||
* changing the value of `--primary-text-color` in your application.
|
||||
*/
|
||||
--light-theme-background-color: #ffffff;
|
||||
--light-theme-base-color: #000000;
|
||||
--light-theme-text-color: #212121;
|
||||
--light-theme-secondary-color: #737373; /* for secondary text and icons */
|
||||
--light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
|
||||
--light-theme-divider-color: #dbdbdb;
|
||||
|
||||
/*
|
||||
* Dark background theme
|
||||
*/
|
||||
--dark-theme-background-color: #212121;
|
||||
--dark-theme-base-color: #ffffff;
|
||||
--dark-theme-text-color: #ffffff;
|
||||
--dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
|
||||
--dark-theme-disabled-color: #646464; /* disabled/hint text */
|
||||
--dark-theme-divider-color: #3c3c3c;
|
||||
--primary-text-color: var(--light-theme-text-color);
|
||||
--primary-background-color: var(--light-theme-background-color);
|
||||
--secondary-text-color: var(--light-theme-secondary-color);
|
||||
--disabled-text-color: var(--light-theme-disabled-color);
|
||||
--divider-color: var(--light-theme-divider-color);
|
||||
|
||||
/*
|
||||
* Primary and accent colors. Also see color.html for more colors.
|
||||
|
@ -46,16 +38,32 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
--light-accent-color: #ff80ab; /* --paper-pink-a100 */
|
||||
--dark-accent-color: #f50057; /* --paper-pink-a400 */
|
||||
|
||||
/*
|
||||
* Material Design Light background theme
|
||||
*/
|
||||
--light-theme-background-color: #ffffff;
|
||||
--light-theme-base-color: #000000;
|
||||
--light-theme-text-color: #212121;
|
||||
--light-theme-secondary-color: #737373; /* for secondary text and icons */
|
||||
--light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
|
||||
--light-theme-divider-color: #dbdbdb;
|
||||
|
||||
/*
|
||||
* Material Design Dark background theme
|
||||
*/
|
||||
--dark-theme-background-color: #212121;
|
||||
--dark-theme-base-color: #ffffff;
|
||||
--dark-theme-text-color: #ffffff;
|
||||
--dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
|
||||
--dark-theme-disabled-color: #646464; /* disabled/hint text */
|
||||
--dark-theme-divider-color: #3c3c3c;
|
||||
|
||||
/*
|
||||
* Deprecated values because of their confusing names.
|
||||
*/
|
||||
--primary-text-color: var(--light-theme-text-color);
|
||||
--text-primary-color: var(--dark-theme-text-color);
|
||||
--primary-background-color: var(--light-theme-background-color);
|
||||
--secondary-text-color: var(--light-theme-secondary-color);
|
||||
--disabled-text-color:var(--light-theme-disabled-color);
|
||||
--divider-color: var(--light-theme-divider-color);
|
||||
--default-primary-color: var(--primary-color);
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue