Index: third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html b/third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html |
index add581cdae1be72a9aa7ea9b7df9d1809178ef77..7524ecd1d5dfe34d35ebda437901c867a1ea5974 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html |
+++ b/third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html |
@@ -10,30 +10,52 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../polymer/polymer.html"> |
+<!-- Taken from https://www.google.com/design/spec/style/color.html#color-ui-color-application --> |
+ |
<style is="custom-style"> |
:root { |
- |
- --dark-primary-color: #303f9f; |
- |
- --default-primary-color: #3f51b5; |
- |
- --light-primary-color: #c5cae9; |
- |
- --text-primary-color: #ffffff; |
- |
- --accent-color: #ff4081; |
- |
- --primary-background-color: #ffffff; |
- |
- --primary-text-color: #212121; |
- |
- --secondary-text-color: #757575; |
- |
- --disabled-text-color: #bdbdbd; |
- |
- --divider-color: #e0e0e0; |
- |
+ /* |
+ * 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; |
+ |
+ /* |
+ * 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 and accent colors. Also see color.html for more colors. |
+ */ |
+ --primary-color: #3f51b5; /* --paper-indigo-500 */ |
+ --light-primary-color: #c5cae9; /* --paper-indigo-100 */ |
+ --dark-primary-color: #303f9f; /* --paper-indigo-700 */ |
+ |
+ --accent-color: #ff4081; /* --paper-pink-a200 */ |
+ --light-accent-color: #ff80ab; /* --paper-pink-a100 */ |
+ --dark-accent-color: #f50057; /* --paper-pink-a400 */ |
+ |
+ /* |
+ * 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> |