Minor css adjustments

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker 2019-07-26 12:00:26 +02:00
parent 95c5536060
commit db78c8ac2d
3 changed files with 8 additions and 9 deletions

View File

@ -82,15 +82,15 @@ is not optimized for dense, information rich UIs.
--theia-layout-color3: var(--theia-arduino-light); --theia-layout-color3: var(--theia-arduino-light);
--theia-layout-color4: #dcdcdc; --theia-layout-color4: #dcdcdc;
/* Brand colors */ /* Brand colors */
--theia-brand-color0: var(--md-blue-700); --theia-brand-color0: var(--theia-arduino-light);
--theia-brand-color1: var(--md-blue-500); --theia-brand-color1: var(--theia-arduino-light1);
--theia-brand-color2: var(--md-blue-300); --theia-brand-color2: var(--theia-arduino-light2);
--theia-brand-color3: var(--md-blue-100); --theia-brand-color3: var(--theia-arduino-light3);
/* Secondary Brand colors */ /* Secondary Brand colors */
--theia-secondary-brand-color0: var(--md-grey-700); --theia-secondary-brand-color0: var(--md-grey-700);
--theia-secondary-brand-color1: #b5c8c9; --theia-secondary-brand-color1: #b5c8c9;
--theia-secondary-brand-color2: var(--md-grey-300); --theia-secondary-brand-color2: var(--theia-arduino-light2);
--theia-secondary-brand-color3: var(--md-grey-100); --theia-secondary-brand-color3: var(--theia-arduino-light3);
/* Accent colors (dark to bright): Use these to create contrast to layout colors. */ /* Accent colors (dark to bright): Use these to create contrast to layout colors. */
--theia-accent-color0: rgb(0, 102, 105); --theia-accent-color0: rgb(0, 102, 105);
--theia-accent-color1: rgb(0, 164, 167, 1.0); --theia-accent-color1: rgb(0, 164, 167, 1.0);

View File

@ -149,7 +149,6 @@ button.theia-button.main {
align-items: center; align-items: center;
margin: 0 5px; margin: 0 5px;
width: 100%; width: 100%;
font-weight: bold;
} }
.arduino-boards-toolbar-item .caret { .arduino-boards-toolbar-item .caret {

View File

@ -50,11 +50,11 @@
} }
.filterable-list-container .items-container > div:nth-child(odd) { .filterable-list-container .items-container > div:nth-child(odd) {
background-color: var(--theia-layout-color2); background-color: var(--theia-secondary-brand-color2);
} }
.filterable-list-container .items-container > div:nth-child(even) { .filterable-list-container .items-container > div:nth-child(even) {
background-color: var(--theia-layout-color0); background-color: var(--theia-secondary-brand-color3);
} }
.filterable-list-container .items-container > div:hover { .filterable-list-container .items-container > div:hover {