Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(8)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-styles/default-theme.html

Issue 1766433002: Roll Polymer to 1.3.1 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 10
11 <link rel="import" href="../polymer/polymer.html"> 11 <link rel="import" href="../polymer/polymer.html">
12 <link rel="import" href="color.html">
12 13
13 <!-- Taken from https://www.google.com/design/spec/style/color.html#color-ui-col or-application --> 14 <!-- Taken from https://www.google.com/design/spec/style/color.html#color-ui-col or-application -->
14 15
15 <style is="custom-style"> 16 <style is="custom-style">
16 17
17 :root { 18 :root {
18 /* 19 /*
19 * You can use these generic variables in your elements for easy theming. 20 * You can use these generic variables in your elements for easy theming.
20 * For example, if all your elements use `--primary-text-color` as its main 21 * For example, if all your elements use `--primary-text-color` as its main
21 * color, then switching from a light to a dark theme is just a matter of 22 * color, then switching from a light to a dark theme is just a matter of
22 * changing the value of `--primary-text-color` in your application. 23 * changing the value of `--primary-text-color` in your application.
23 */ 24 */
24 --primary-text-color: var(--light-theme-text-color); 25 --primary-text-color: var(--light-theme-text-color);
25 --primary-background-color: var(--light-theme-background-color); 26 --primary-background-color: var(--light-theme-background-color);
26 --secondary-text-color: var(--light-theme-secondary-color); 27 --secondary-text-color: var(--light-theme-secondary-color);
27 --disabled-text-color: var(--light-theme-disabled-color); 28 --disabled-text-color: var(--light-theme-disabled-color);
28 --divider-color: var(--light-theme-divider-color); 29 --divider-color: var(--light-theme-divider-color);
30 --error-color: var(--paper-deep-orange-a700);
29 31
30 /* 32 /*
31 * Primary and accent colors. Also see color.html for more colors. 33 * Primary and accent colors. Also see color.html for more colors.
32 */ 34 */
33 --primary-color: #3f51b5; /* --paper-indigo-500 */ 35 --primary-color: var(--paper-indigo-500);
34 --light-primary-color: #c5cae9; /* --paper-indigo-100 */ 36 --light-primary-color: var(--paper-indigo-100);
35 --dark-primary-color: #303f9f; /* --paper-indigo-700 */ 37 --dark-primary-color: var(--paper-indigo-700);
36 38
37 --accent-color: #ff4081; /* --paper-pink-a200 */ 39 --accent-color: var(--paper-pink-a200);
38 --light-accent-color: #ff80ab; /* --paper-pink-a100 */ 40 --light-accent-color: var(--paper-pink-a100);
39 --dark-accent-color: #f50057; /* --paper-pink-a400 */ 41 --dark-accent-color: var(--paper-pink-a400);
42
40 43
41 /* 44 /*
42 * Material Design Light background theme 45 * Material Design Light background theme
43 */ 46 */
44 --light-theme-background-color: #ffffff; 47 --light-theme-background-color: #ffffff;
45 --light-theme-base-color: #000000; 48 --light-theme-base-color: #000000;
46 --light-theme-text-color: #212121; 49 --light-theme-text-color: var(--paper-grey-900);
47 --light-theme-secondary-color: #737373; /* for secondary text and icons */ 50 --light-theme-secondary-color: #737373; /* for secondary text and icons */
48 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */ 51 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
49 --light-theme-divider-color: #dbdbdb; 52 --light-theme-divider-color: #dbdbdb;
50 53
51 /* 54 /*
52 * Material Design Dark background theme 55 * Material Design Dark background theme
53 */ 56 */
54 --dark-theme-background-color: #212121; 57 --dark-theme-background-color: var(--paper-grey-900);
55 --dark-theme-base-color: #ffffff; 58 --dark-theme-base-color: #ffffff;
56 --dark-theme-text-color: #ffffff; 59 --dark-theme-text-color: #ffffff;
57 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */ 60 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
58 --dark-theme-disabled-color: #646464; /* disabled/hint text */ 61 --dark-theme-disabled-color: #646464; /* disabled/hint text */
59 --dark-theme-divider-color: #3c3c3c; 62 --dark-theme-divider-color: #3c3c3c;
60 63
61 /* 64 /*
62 * Deprecated values because of their confusing names. 65 * Deprecated values because of their confusing names.
63 */ 66 */
64 --text-primary-color: var(--dark-theme-text-color); 67 --text-primary-color: var(--dark-theme-text-color);
65 --default-primary-color: var(--primary-color); 68 --default-primary-color: var(--primary-color);
66 69
67 } 70 }
68 71
69 </style> 72 </style>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698