chrome/browser/resources/settings/settings_root_css.html - Issue 2094813002: MD Settings: make custom UIs look "actionable"

Side by Side Diff: chrome/browser/resources/settings/settings_root_css.html

Issue 2094813002: MD Settings: make custom UIs look "actionable" (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 5 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

« chrome/browser/resources/settings/people_page/people_page.html ('K') | « chrome/browser/resources/settings/settings_menu/settings_menu.html ('k') | chrome/browser/resources/settings/settings_shared_css.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">	1 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">

2	2

3 <!-- Common css variables for Material Design settings. -->	3 <!-- Common css variables for Material Design settings. -->

4 <style is="custom-style">	4 <style is="custom-style">

5 :root {	5 :root {

6 --checkbox-margin-start: 2px;	6 --checkbox-margin-start: 2px;

7 --checkbox-size: 16px;	7 --checkbox-size: 16px;

8 --checkbox-spacing: 18px;	8 --checkbox-spacing: 18px;

9 --iron-icon-fill-color: var(--paper-grey-600);	9 --iron-icon-fill-color: var(--paper-grey-600);

10 --iron-icon-height: 20px;	10 --iron-icon-height: 20px;

11 --iron-icon-spacing: 16px;	11 --iron-icon-spacing: 16px;

12 --iron-icon-width: 20px;	12 --iron-icon-width: 20px;

13 --paper-checkbox-label-color: inherit;	13 --paper-checkbox-label-color: inherit;

14 --paper-dialog-color: inherit;	14 --paper-dialog-color: inherit;

15 --paper-icon-button: {	15 --paper-icon-button: {

16 width: 36px;	16 width: 36px;

17 height: 36px;	17 height: 36px;

18 };	18 };

19 --paper-input-max-width: 264px;	19 --paper-input-max-width: 264px;

20 --paper-item: {	20 --paper-item: {

21 font-size: inherit;	21 font-size: inherit;

22 };	22 };

23 --paper-radio-button-label-color: inherit;	23 --paper-radio-button-label-color: inherit;

24 --paper-radio-group-item-padding: 0;	24 --paper-radio-group-item-padding: 0;

25	25

	26

26 /* Custom grey for Alan (bettes@). */	27 /* Custom grey for Alan (bettes@). */

27 --settings-background-color: rgb(241, 241, 241);	28 --settings-background-color: rgb(241, 241, 241);

28 --settings-secondary: {	29 --settings-secondary: {

29 color: var(--paper-grey-600);	30 color: var(--paper-grey-600);

30 font-weight: 400;	31 font-weight: 400;

31 margin-top: 4px;	32 margin-top: 4px;

32 };	33 };

33 --settings-error-color: var(--paper-red-700);	34 --settings-error-color: var(--paper-red-700);

34 --settings-hover-color: var(--google-grey-300);	35 --settings-hover-color: var(--google-grey-300);

35	36

36 /* Some colors use non-MD colors. These custom colors are specified by	37 /* Some colors use non-MD colors. These custom colors are specified by

37 * UX design (bettes@). */	38 * UX design (bettes@). */

38 --settings-nav-grey: rgb(90, 90, 90);	39 --settings-nav-grey: rgb(90, 90, 90);

39	40

40 --settings-page-vertical-margin: 21px;	41 --settings-page-vertical-margin: 21px;

41	42

42 --settings-row-min-height: 44px;	43 --settings-row-min-height: 44px;

43 --settings-separator-line: 1px solid rgba(0, 0, 0, 0.06);	44 --settings-separator-line: 1px solid rgba(0, 0, 0, 0.06);

44	45

45 --settings-title-bar-background-color: var(--google-blue-700);	46 --settings-title-bar-background-color: var(--google-blue-700);

46 --settings-title-bar-color: rgb(255, 255, 255);	47 --settings-title-bar-color: rgb(255, 255, 255);

47 --settings-title-search-color: rgb(192, 199, 205);	48 --settings-title-search-color: rgb(192, 199, 205);

	49

	50 --settings-actionable: {

	51 cursor: pointer;

	52 };

48 }	53 }

49 </style>	54 </style>

OLD	NEW