Start alt-colors overrides (#126)

This commit is contained in:
Rijk van Zanten
2020-02-28 16:27:38 -05:00
committed by GitHub
parent 28531b531b
commit bdf424a234
2 changed files with 14 additions and 7 deletions

View File

@@ -1,5 +1,6 @@
/* stylelint-disable custom-property-empty-line-before, declaration-colon-space-after */
body {
body,
.default-colors {
/* Global */
--brand: var(--blue-grey-900);
@@ -88,8 +89,14 @@ body {
--overlay-color: rgba(38, 50, 56, 0.75);
--divider-color: var(--blue-grey-50);
--tooltip-foreground-color: var(--button-primary-foreground-color);
--tooltip-background-color: var(--button-primary-background-color-hover);
--tooltip-foreground-color-inverted: var(--input-foreground-color);
--tooltip-background-color-inverted: var(--button-secondary-background-color);
--tooltip-foreground-color: var(--button-primary-foreground-color);
--tooltip-background-color: var(--button-primary-background-color-hover);
--tooltip-foreground-color-inverted: var(--input-foreground-color);
--tooltip-background-color-inverted: var(--button-secondary-background-color);
}
.alt-colors {
--background-color: var(--background-color-alt);
--background-color-hover: #dde3e6;
--background-color-active: var(--blue-grey-100);
}

View File

@@ -2,7 +2,7 @@
<div class="private-view">
<aside class="navigation" :class="{ 'is-open': navOpen }">
<module-bar />
<div class="module-nav">
<div class="module-nav alt-colors">
<div
style="height: 64px; padding: 20px; color: red; font-family: 'Comic Sans MS', cursive;"
>
@@ -26,7 +26,7 @@
</div>
<aside
v-if="drawerHasContent"
class="drawer"
class="drawer alt-colors"
:class="{ 'is-open': drawerOpen }"
@click="drawerOpen = true"
>