blob: b5342488c0f5b31fed40a6e0c8e62122d5158e8b [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
<custom-style>
<style is="custom-style">
html {
--card-border-color: rgba(0, 0, 0, 0.14);
--card-first-last-item-padding: 8px;
--card-max-width: 960px;
--card-min-width: 550px;
--card-padding-between: 16px;
--card-padding-side: 24px;
--card-sizing: {
margin: 0 auto;
max-width: var(--card-max-width);
min-width: var(--card-min-width);
padding: 0 var(--card-padding-side);
width: calc(100% - 2 * var(--card-padding-side));
};
--first-card-padding-top: 24px;
--history-item-time-color: #646464;
--interactive-color: var(--google-blue-500);
--item-height: 44px;
--iron-icon-height: var(--cr-icon-size);
--iron-icon-width: var(--cr-icon-size);
--separator-color: rgba(0, 0, 0, 0.08);
--side-bar-width: 256px;
--sidebar-footer-text-color: #6e6e6e;
--sidebar-unselected-color: #5a5a5a;
--toolbar-height: 56px;
}
html[dark] {
--history-item-time-color: var(--cr-secondary-text-color);
--sidebar-unselected-color: var(--cr-secondary-text-color);
/* TODO(dbeam): check with Namrata about --separator-color */
}
</style>
</custom-style>