jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-19 07:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styles

Browse Source
This commit is contained in:
Paulus Schoutsen 2016-07-31 16:37:32 -07:00
parent 0255537ea6
commit afbed89390
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ha-sidebar.html
View File

@ -39,7 +39,7 @@
paper-icon-item { paper-icon-item {
--paper-icon-item: { --paper-icon-item: {
cursor: pointer; cursor: pointer;
} };
--paper-item-icon: { --paper-item-icon: {
color: #000; color: #000;
@ -50,7 +50,7 @@
color: var(--default-primary-color); color: var(--default-primary-color);
background-color: #e8e8e8; background-color: #e8e8e8;
opacity: 1; opacity: 1;
} };
} }
paper-icon-item.iron-selected { paper-icon-item.iron-selected {
--paper-item-icon: { --paper-item-icon: {

17
src/resources/home-assistant-style.html
View File

@ -2,6 +2,8 @@
<style is="custom-style"> <style is="custom-style">
:root { :root {
font-size: 14px;
--dark-primary-color: #0288D1; --dark-primary-color: #0288D1;
--default-primary-color: #03A9F4; --default-primary-color: #03A9F4;
--primary-color: #03A9F4; --primary-color: #03A9F4;
@ -18,14 +20,27 @@
--paper-toggle-button-checked-button-color: #039be5; --paper-toggle-button-checked-button-color: #039be5;
--paper-toggle-button-checked-bar-color: #039be5; --paper-toggle-button-checked-bar-color: #039be5;
/* Taken from paper-styles/color.html */
/* for paper-spinner */ /* for paper-spinner */
--google-red-500: #db4437; --google-red-500: #db4437;
--google-blue-500: #4285f4; --google-blue-500: #4285f4;
--google-green-500: #0f9d58; --google-green-500: #0f9d58;
--google-yellow-500: #f4b400; --google-yellow-500: #f4b400;
/* for paper-toggle-button */
--paper-grey-50: #fafafa;
font-size: 14px; /* opacity for dark text on a light background */
--dark-divider-opacity: 0.12;
--dark-disabled-opacity: 0.38; /* or hint text or icon */
--dark-secondary-opacity: 0.54;
--dark-primary-opacity: 0.87;
/* opacity for light text on a dark background */
--light-divider-opacity: 0.12;
--light-disabled-opacity: 0.3; /* or hint text or icon */
--light-secondary-opacity: 0.7;
--light-primary-opacity: 1.0;
} }
@-webkit-keyframes ha-spin { @-webkit-keyframes ha-spin {