From a93a34a638ecca03dfc6466f0b347c9961cff18f Mon Sep 17 00:00:00 2001 From: Baptiste Lemoine - tykayn Date: Sat, 30 May 2020 16:33:57 +0200 Subject: [PATCH] :book: add footer links, :art: set default theme to light, fix some details with black theme. --- .../components/footer/footer.component.html | 23 ++++++++++++++++--- .../edit-description.component.html | 21 +++++++++++------ src/styles/partials/_forms.scss | 4 ++++ src/styles/themes/_dark.scss | 22 +++++++++++++++--- 4 files changed, 57 insertions(+), 13 deletions(-) diff --git a/src/app/core/components/footer/footer.component.html b/src/app/core/components/footer/footer.component.html index 46e0b269..b7f2fd96 100644 --- a/src/app/core/components/footer/footer.component.html +++ b/src/app/core/components/footer/footer.component.html @@ -1,9 +1,26 @@ diff --git a/src/app/features/administration/edit-description/edit-description.component.html b/src/app/features/administration/edit-description/edit-description.component.html index 881ab9e7..22e545e7 100644 --- a/src/app/features/administration/edit-description/edit-description.component.html +++ b/src/app/features/administration/edit-description/edit-description.component.html @@ -1,31 +1,38 @@ -
+

Form Status: {{ pollForm.status }}


-
- - +
+
+ + +
diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index 3a45df0c..54aa19b1 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -1,5 +1,9 @@ @charset "UTF-8"; + +label{ + line-height: 2.5em; +} .ui-inputswitch{ margin-left: 1ch; margin-right: 1ch; diff --git a/src/styles/themes/_dark.scss b/src/styles/themes/_dark.scss index b25b7a07..28418d9e 100644 --- a/src/styles/themes/_dark.scss +++ b/src/styles/themes/_dark.scss @@ -4,11 +4,21 @@ $theme-color-tertiary: #ccc; #big_container { &.theme-dark-crystal { background: #222; - color: #ddd; + color: $theme-color-tertiary; - main { + main, .big-header, .navbar , footer{ background: #444; } + .big-header{ + color: $white; + a{ + color: $white; + } + } + input{ + background: #222; + color: $white; + } h1::after { background-color: $theme-color-primary; @@ -29,7 +39,7 @@ $theme-color-tertiary: #ccc; } select { - background: $white; + background: $theme-color-tertiary; border-color: $theme-color-secondary; &:hover { @@ -50,12 +60,18 @@ $theme-color-tertiary: #ccc; .big-header { margin-bottom: 22px; } + label{ + color: $theme-color-tertiary; + } // bulma override .button.is-primary, .button.btn--primary, button.is-primary, button.btn--primary, .is-primary.btn, .btn.btn--primary, .is-primary.back, .back.btn--primary{ background-color: $theme-color-primary !important; color: $theme-color-tertiary !important; } + .navbar-dropdown a.navbar-item{ + color: #444; + } // material override .navbar-dropdown a.navbar-item.is-active, body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number,