Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 8

html {

--ntp-active-background-color: rgba(var(--google-grey-900-rgb), .16);


--ntp-background-override-color: white;
--ntp-border-color: var(--google-grey-refresh-300);
--ntp-focus-shadow-color: rgba(var(--google-blue-600-rgb), .4);
--ntp-hover-background-color: rgba(var(--google-grey-900-rgb), .1);
--ntp-selected-background-color: rgba(var(--google-blue-refresh-700-rgb), .16);
--ntp-selected-border-color: var(--google-blue-600);
--ntp-selected-light-background-color: rgba(var(--google-blue-600-rgb), .24);
--ntp-selected-primary-text-color: var(--google-blue-refresh-700);
--ntp-focus-shadow: 0 0 0 2px var(--ntp-focus-shadow-color);
}
html {
direction: ltr;
}
<style>
html {
--layout_-_display: flex;
--layout-inline_-_display: inline-flex;
--layout-horizontal_-_display: var(--layout_-_display);
--layout-horizontal_-_flex-direction: row;
--layout-horizontal-reverse_-_display: var(--layout_-_display);
--layout-horizontal-reverse_-_flex-direction: row-reverse;
--layout-vertical_-_display: var(--layout_-_display);
--layout-vertical_-_flex-direction: column;
--layout-vertical-reverse_-_display: var(--layout_-_display);
--layout-vertical-reverse_-_flex-direction: column-reverse;
--layout-wrap_-_flex-wrap: wrap;
--layout-wrap-reverse_-_flex-wrap: wrap-reverse;
--layout-flex-auto_-_flex: 1 1 auto;
--layout-flex-none_-_flex: none;
--layout-flex_-_flex: 1;
--layout-flex_-_flex-basis: 0.000000001px;
--layout-flex-2_-_flex: 2;
--layout-flex-3_-_flex: 3;
--layout-flex-4_-_flex: 4;
--layout-flex-5_-_flex: 5;
--layout-flex-6_-_flex: 6;
--layout-flex-7_-_flex: 7;
--layout-flex-8_-_flex: 8;
--layout-flex-9_-_flex: 9;
--layout-flex-10_-_flex: 10;
--layout-flex-11_-_flex: 11;
--layout-flex-12_-_flex: 12;
--layout-start_-_align-items: flex-start;
--layout-center_-_align-items: center;
--layout-end_-_align-items: flex-end;
--layout-baseline_-_align-items: baseline;
--layout-start-justified_-_justify-content: flex-start;
--layout-center-justified_-_justify-content: center;
--layout-end-justified_-_justify-content: flex-end;
--layout-around-justified_-_justify-content: space-around;
--layout-justified_-_justify-content: space-between;
--layout-center-center_-_align-items: var(--layout-center_-_align-items);
--layout-center-center_-_justify-content: var(--layout-center-justified_-
_justify-content);
--layout-self-start_-_align-self: flex-start;
--layout-self-center_-_align-self: center;
--layout-self-end_-_align-self: flex-end;
--layout-self-stretch_-_align-self: stretch;
--layout-self-baseline_-_align-self: baseline;
--layout-start-aligned_-_align-content: flex-start;
--layout-end-aligned_-_align-content: flex-end;
--layout-center-aligned_-_align-content: center;
--layout-between-aligned_-_align-content: space-between;
--layout-around-aligned_-_align-content: space-around;
--layout-block_-_display: block;
--layout-invisible_-_visibility: hidden !important;
Show All Properties (26 more)
}
<style>
html {
--cr-button-edge-spacing: 12px;
--cr-button-height: 32px;
--cr-controlled-by-spacing: 24px;
--cr-default-input-max-width: 264px;
--cr-icon-ripple-size: 36px;
--cr-icon-ripple-padding: 8px;
--cr-icon-size: 20px;
--cr-icon-button-margin-start: 16px;
--cr-icon-ripple-margin: calc(var(--cr-icon-ripple-padding) * -1);
--cr-section-min-height: 48px;
--cr-section-two-line-min-height: 64px;
--cr-section-three-line-min-height: 84px;
--cr-section-padding: 20px;
--cr-section-vertical-padding: 12px;
--cr-section-indent-width: 40px;
--cr-section-indent-padding: calc( var(--cr-section-padding) + var(--cr-
section-indent-width));
--cr-section-vertical-margin: 21px;
--cr-centered-card-max-width: 680px;
--cr-centered-card-width-percentage: 0.96;
--cr-hairline: 1px solid rgba(var(--cr-hairline-rgb), .14);
--cr-separator-height: 1px;
--cr-separator-line: var(--cr-separator-height) solid var(--cr-separator-
color);
--cr-toolbar-overlay-animation-duration: 150ms;
--cr-toolbar-height: 56px;
--cr-container-shadow-height: 6px;
--cr-container-shadow-margin: calc(-1 * var(--cr-container-shadow-height));
--cr-container-shadow-max-opacity: 1;
--cr-card-border-radius: 4px;
--cr-disabled-opacity: .38;
--cr-form-field-bottom-spacing: 16px;
--cr-form-field-label-font-size: .625rem;
--cr-form-field-label-height: 1em;
--cr-form-field-label-line-height: 1em;
}
<style>
html {
--google-blue-50-rgb: 232, 240, 254;
--google-blue-50: rgb(var(--google-blue-50-rgb));
--google-blue-200-rgb: 174, 203, 250;
--google-blue-200: rgb(var(--google-blue-200-rgb));
--google-blue-600-rgb: 26, 115, 232;
--google-blue-600: rgb(var(--google-blue-600-rgb));
--google-grey-200-rgb: 232, 234, 237;
--google-grey-200: rgb(var(--google-grey-200-rgb));
--google-grey-400-rgb: 189, 193, 198;
--google-grey-400: rgb(var(--google-grey-400-rgb));
--google-grey-600-rgb: 128, 134, 139;
--google-grey-600: rgb(var(--google-grey-600-rgb));
--google-grey-800-rgb: 60, 64, 67;
--google-grey-800: rgb(var(--google-grey-800-rgb));
--google-grey-900-rgb: 32, 33, 36;
--google-grey-900: rgb(var(--google-grey-900-rgb));
--google-grey-900-white-4-percent: #292a2d;
--google-red-600-rgb: 217, 48, 37;
--google-red-600: rgb(var(--google-red-600-rgb));
--google-yellow-50-rgb: 254, 247, 224;
--google-yellow-50: rgb(var(--google-yellow-50-rgb));
--google-blue-refresh-100-rgb: 210, 227, 252;
--google-blue-refresh-100: rgb(var(--google-blue-refresh-100-rgb));
--google-blue-refresh-300-rgb: 138, 180, 248;
--google-blue-refresh-300: rgb(var(--google-blue-refresh-300-rgb));
--google-blue-refresh-500-rgb: 66, 133, 244;
--google-blue-refresh-500: rgb(var(--google-blue-refresh-500-rgb));
--google-blue-refresh-700-rgb: 25, 103, 210;
--google-blue-refresh-700: rgb(var(--google-blue-refresh-700-rgb));
--google-green-refresh-300-rgb: 129, 201, 149;
--google-green-refresh-300: rgb(var(--google-green-refresh-300-rgb));
--google-green-refresh-700-rgb: 24, 128, 56;
--google-green-refresh-700: rgb(var(--google-green-refresh-700-rgb));
--google-grey-refresh-100-rgb: 241, 243, 244;
--google-grey-refresh-100: rgb(var(--google-grey-refresh-100-rgb));
--google-grey-refresh-300-rgb: 218, 220, 224;
--google-grey-refresh-300: rgb(var(--google-grey-refresh-300-rgb));
--google-grey-refresh-500-rgb: 154, 160, 166;
--google-grey-refresh-500: rgb(var(--google-grey-refresh-500-rgb));
--google-grey-refresh-700-rgb: 95, 99, 104;
--google-grey-refresh-700: rgb(var(--google-grey-refresh-700-rgb));
--google-red-refresh-300-rgb: 242, 139, 130;
--google-red-refresh-300: rgb(var(--google-red-refresh-300-rgb));
--google-red-refresh-500-rgb: 234, 67, 53;
--google-red-refresh-500: rgb(var(--google-red-refresh-500-rgb));
--google-yellow-refresh-300-rgb: 253, 214, 51;
--google-yellow-refresh-300: rgb(var(--google-yellow-refresh-300-rgb));
--cr-primary-text-color: var(--google-grey-900);
--cr-secondary-text-color: var(--google-grey-refresh-700);
--cr-card-background-color: white;
Show All Properties (19 more)
}
<style>
html {
--google-red-100-rgb: 244, 199, 195;
--google-red-100: rgb(var(--google-red-100-rgb));
--google-red-300-rgb: 230, 124, 115;
--google-red-300: rgb(var(--google-red-300-rgb));
--google-red-500-rgb: 219, 68, 55;
--google-red-500: rgb(var(--google-red-500-rgb));
--google-red-700-rgb: 197, 57, 41;
--google-red-700: rgb(var(--google-red-700-rgb));
--google-blue-100-rgb: 198, 218, 252;
--google-blue-100: rgb(var(--google-blue-100-rgb));
--google-blue-300-rgb: 123, 170, 247;
--google-blue-300: rgb(var(--google-blue-300-rgb));
--google-blue-500-rgb: 66, 133, 244;
--google-blue-500: rgb(var(--google-blue-500-rgb));
--google-blue-700-rgb: 51, 103, 214;
--google-blue-700: rgb(var(--google-blue-700-rgb));
--google-green-100-rgb: 183, 225, 205;
--google-green-100: rgb(var(--google-green-100-rgb));
--google-green-300-rgb: 87, 187, 138;
--google-green-300: rgb(var(--google-green-300-rgb));
--google-green-500-rgb: 15, 157, 88;
--google-green-500: rgb(var(--google-green-500-rgb));
--google-green-700-rgb: 11, 128, 67;
--google-green-700: rgb(var(--google-green-700-rgb));
--google-yellow-100-rgb: 252, 232, 178;
--google-yellow-100: rgb(var(--google-yellow-100-rgb));
--google-yellow-300-rgb: 247, 203, 77;
--google-yellow-300: rgb(var(--google-yellow-300-rgb));
--google-yellow-500-rgb: 244, 180, 0;
--google-yellow-500: rgb(var(--google-yellow-500-rgb));
--google-yellow-700-rgb: 240, 147, 0;
--google-yellow-700: rgb(var(--google-yellow-700-rgb));
--google-grey-100-rgb: 245, 245, 245;
--google-grey-100: rgb(var(--google-grey-100-rgb));
--google-grey-300-rgb: 224, 224, 224;
--google-grey-300: rgb(var(--google-grey-300-rgb));
--google-grey-500-rgb: 158, 158, 158;
--google-grey-500: rgb(var(--google-grey-500-rgb));
--google-grey-700-rgb: 97, 97, 97;
--google-grey-700: rgb(var(--google-grey-700-rgb));
--paper-red-50: #ffebee;
--paper-red-100: #ffcdd2;
--paper-red-200: #ef9a9a;
--paper-red-300: #e57373;
--paper-red-400: #ef5350;
--paper-red-500: #f44336;
--paper-red-600: #e53935;
--paper-red-700: #d32f2f;
--paper-red-800: #c62828;
--paper-red-900: #b71c1c;
--paper-red-a100: #ff8a80;
--paper-red-a200: #ff5252;
--paper-red-a400: #ff1744;
--paper-red-a700: #d50000;
--paper-pink-50: #fce4ec;
--paper-pink-100: #f8bbd0;
--paper-pink-200: #f48fb1;
--paper-pink-300: #f06292;
--paper-pink-400: #ec407a;
--paper-pink-500: #e91e63;
--paper-pink-600: #d81b60;
--paper-pink-700: #c2185b;
--paper-pink-800: #ad1457;
--paper-pink-900: #880e4f;
--paper-pink-a100: #ff80ab;
--paper-pink-a200: #ff4081;
--paper-pink-a400: #f50057;
--paper-pink-a700: #c51162;
--paper-purple-50: #f3e5f5;
--paper-purple-100: #e1bee7;
--paper-purple-200: #ce93d8;
--paper-purple-300: #ba68c8;
--paper-purple-400: #ab47bc;
--paper-purple-500: #9c27b0;
--paper-purple-600: #8e24aa;
--paper-purple-700: #7b1fa2;
--paper-purple-800: #6a1b9a;
--paper-purple-900: #4a148c;
--paper-purple-a100: #ea80fc;
--paper-purple-a200: #e040fb;
--paper-purple-a400: #d500f9;
--paper-purple-a700: #aa00ff;
--paper-deep-purple-50: #ede7f6;
--paper-deep-purple-100: #d1c4e9;
--paper-deep-purple-200: #b39ddb;
--paper-deep-purple-300: #9575cd;
--paper-deep-purple-400: #7e57c2;
--paper-deep-purple-500: #673ab7;
--paper-deep-purple-600: #5e35b1;
--paper-deep-purple-700: #512da8;
--paper-deep-purple-800: #4527a0;
--paper-deep-purple-900: #311b92;
--paper-deep-purple-a100: #b388ff;
--paper-deep-purple-a200: #7c4dff;
--paper-deep-purple-a400: #651fff;
--paper-deep-purple-a700: #6200ea;
--paper-indigo-50: #e8eaf6;
--paper-indigo-100: #c5cae9;
--paper-indigo-200: #9fa8da;
--paper-indigo-300: #7986cb;
--paper-indigo-400: #5c6bc0;
--paper-indigo-500: #3f51b5;
--paper-indigo-600: #3949ab;
--paper-indigo-700: #303f9f;
--paper-indigo-800: #283593;
--paper-indigo-900: #1a237e;
--paper-indigo-a100: #8c9eff;
--paper-indigo-a200: #536dfe;
--paper-indigo-a400: #3d5afe;
--paper-indigo-a700: #304ffe;
--paper-blue-50: #e3f2fd;
--paper-blue-100: #bbdefb;
--paper-blue-200: #90caf9;
--paper-blue-300: #64b5f6;
--paper-blue-400: #42a5f5;
--paper-blue-500: #2196f3;
--paper-blue-600: #1e88e5;
--paper-blue-700: #1976d2;
--paper-blue-800: #1565c0;
--paper-blue-900: #0d47a1;
--paper-blue-a100: #82b1ff;
--paper-blue-a200: #448aff;
--paper-blue-a400: #2979ff;
--paper-blue-a700: #2962ff;
--paper-light-blue-50: #e1f5fe;
--paper-light-blue-100: #b3e5fc;
--paper-light-blue-200: #81d4fa;
--paper-light-blue-300: #4fc3f7;
--paper-light-blue-400: #29b6f6;
--paper-light-blue-500: #03a9f4;
--paper-light-blue-600: #039be5;
--paper-light-blue-700: #0288d1;
--paper-light-blue-800: #0277bd;
--paper-light-blue-900: #01579b;
--paper-light-blue-a100: #80d8ff;
--paper-light-blue-a200: #40c4ff;
--paper-light-blue-a400: #00b0ff;
--paper-light-blue-a700: #0091ea;
--paper-cyan-50: #e0f7fa;
--paper-cyan-100: #b2ebf2;
--paper-cyan-200: #80deea;
--paper-cyan-300: #4dd0e1;
--paper-cyan-400: #26c6da;
--paper-cyan-500: #00bcd4;
--paper-cyan-600: #00acc1;
--paper-cyan-700: #0097a7;
--paper-cyan-800: #00838f;
--paper-cyan-900: #006064;
--paper-cyan-a100: #84ffff;
--paper-cyan-a200: #18ffff;
--paper-cyan-a400: #00e5ff;
--paper-cyan-a700: #00b8d4;
--paper-teal-50: #e0f2f1;
--paper-teal-100: #b2dfdb;
--paper-teal-200: #80cbc4;
--paper-teal-300: #4db6ac;
--paper-teal-400: #26a69a;
--paper-teal-500: #009688;
--paper-teal-600: #00897b;
--paper-teal-700: #00796b;
--paper-teal-800: #00695c;
--paper-teal-900: #004d40;
--paper-teal-a100: #a7ffeb;
--paper-teal-a200: #64ffda;
--paper-teal-a400: #1de9b6;
--paper-teal-a700: #00bfa5;
--paper-green-50: #e8f5e9;
--paper-green-100: #c8e6c9;
--paper-green-200: #a5d6a7;
--paper-green-300: #81c784;
--paper-green-400: #66bb6a;
--paper-green-500: #4caf50;
--paper-green-600: #43a047;
--paper-green-700: #388e3c;
--paper-green-800: #2e7d32;
--paper-green-900: #1b5e20;
--paper-green-a100: #b9f6ca;
--paper-green-a200: #69f0ae;
--paper-green-a400: #00e676;
--paper-green-a700: #00c853;
--paper-light-green-50: #f1f8e9;
--paper-light-green-100: #dcedc8;
--paper-light-green-200: #c5e1a5;
--paper-light-green-300: #aed581;
--paper-light-green-400: #9ccc65;
--paper-light-green-500: #8bc34a;
--paper-light-green-600: #7cb342;
--paper-light-green-700: #689f38;
--paper-light-green-800: #558b2f;
--paper-light-green-900: #33691e;
--paper-light-green-a100: #ccff90;
--paper-light-green-a200: #b2ff59;
--paper-light-green-a400: #76ff03;
--paper-light-green-a700: #64dd17;
--paper-lime-50: #f9fbe7;
--paper-lime-100: #f0f4c3;
--paper-lime-200: #e6ee9c;
--paper-lime-300: #dce775;
--paper-lime-400: #d4e157;
--paper-lime-500: #cddc39;
--paper-lime-600: #c0ca33;
--paper-lime-700: #afb42b;
--paper-lime-800: #9e9d24;
--paper-lime-900: #827717;
--paper-lime-a100: #f4ff81;
--paper-lime-a200: #eeff41;
--paper-lime-a400: #c6ff00;
--paper-lime-a700: #aeea00;
--paper-yellow-50: #fffde7;
--paper-yellow-100: #fff9c4;
--paper-yellow-200: #fff59d;
--paper-yellow-300: #fff176;
--paper-yellow-400: #ffee58;
--paper-yellow-500: #ffeb3b;
--paper-yellow-600: #fdd835;
--paper-yellow-700: #fbc02d;
--paper-yellow-800: #f9a825;
--paper-yellow-900: #f57f17;
--paper-yellow-a100: #ffff8d;
--paper-yellow-a200: #ffff00;
--paper-yellow-a400: #ffea00;
--paper-yellow-a700: #ffd600;
--paper-amber-50: #fff8e1;
--paper-amber-100: #ffecb3;
--paper-amber-200: #ffe082;
--paper-amber-300: #ffd54f;
--paper-amber-400: #ffca28;
--paper-amber-500: #ffc107;
--paper-amber-600: #ffb300;
--paper-amber-700: #ffa000;
--paper-amber-800: #ff8f00;
--paper-amber-900: #ff6f00;
--paper-amber-a100: #ffe57f;
--paper-amber-a200: #ffd740;
--paper-amber-a400: #ffc400;
--paper-amber-a700: #ffab00;
--paper-orange-50: #fff3e0;
--paper-orange-100: #ffe0b2;
--paper-orange-200: #ffcc80;
--paper-orange-300: #ffb74d;
--paper-orange-400: #ffa726;
--paper-orange-500: #ff9800;
--paper-orange-600: #fb8c00;
--paper-orange-700: #f57c00;
--paper-orange-800: #ef6c00;
--paper-orange-900: #e65100;
--paper-orange-a100: #ffd180;
--paper-orange-a200: #ffab40;
--paper-orange-a400: #ff9100;
--paper-orange-a700: #ff6500;
--paper-deep-orange-50: #fbe9e7;
--paper-deep-orange-100: #ffccbc;
--paper-deep-orange-200: #ffab91;
--paper-deep-orange-300: #ff8a65;
--paper-deep-orange-400: #ff7043;
--paper-deep-orange-500: #ff5722;
--paper-deep-orange-600: #f4511e;
--paper-deep-orange-700: #e64a19;
--paper-deep-orange-800: #d84315;
--paper-deep-orange-900: #bf360c;
--paper-deep-orange-a100: #ff9e80;
--paper-deep-orange-a200: #ff6e40;
--paper-deep-orange-a400: #ff3d00;
--paper-deep-orange-a700: #dd2c00;
--paper-brown-50: #efebe9;
--paper-brown-100: #d7ccc8;
--paper-brown-200: #bcaaa4;
--paper-brown-300: #a1887f;
--paper-brown-400: #8d6e63;
--paper-brown-500: #795548;
--paper-brown-600: #6d4c41;
--paper-brown-700: #5d4037;
--paper-brown-800: #4e342e;
--paper-brown-900: #3e2723;
--paper-grey-50: #fafafa;
--paper-grey-100: #f5f5f5;
--paper-grey-200: #eeeeee;
--paper-grey-300: #e0e0e0;
--paper-grey-400: #bdbdbd;
--paper-grey-500: #9e9e9e;
--paper-grey-600: #757575;
--paper-grey-700: #616161;
--paper-grey-800: #424242;
--paper-grey-900: #212121;
--paper-blue-grey-50: #eceff1;
--paper-blue-grey-100: #cfd8dc;
--paper-blue-grey-200: #b0bec5;
--paper-blue-grey-300: #90a4ae;
--paper-blue-grey-400: #78909c;
--paper-blue-grey-500: #607d8b;
--paper-blue-grey-600: #546e7a;
--paper-blue-grey-700: #455a64;
--paper-blue-grey-800: #37474f;
--paper-blue-grey-900: #263238;
--dark-divider-opacity: 0.12;
--dark-disabled-opacity: 0.38;
--dark-secondary-opacity: 0.54;
--dark-primary-opacity: 0.87;
--light-divider-opacity: 0.12;
--light-disabled-opacity: 0.3;
--light-secondary-opacity: 0.7;
--light-primary-opacity: 1.0;
}

You might also like