diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss index 58001523..0cde0d68 100644 --- a/app/assets/stylesheets/_variables.scss +++ b/app/assets/stylesheets/_variables.scss @@ -54,9 +54,9 @@ $avatar-sizes: ( :root { --background: #f0edf4; - --card-bg: #ffffff; - --card-cap-bg: #f7f7f7; --input-bg: #ffffff; + --raised-bg: #ffffff; + --raised-accent: #f7f7f7; /** NOTE for all *-text variables diff --git a/app/assets/stylesheets/components/_notifications.scss b/app/assets/stylesheets/components/_notifications.scss index 5c1c7282..e8c43d1f 100644 --- a/app/assets/stylesheets/components/_notifications.scss +++ b/app/assets/stylesheets/components/_notifications.scss @@ -41,7 +41,7 @@ .list-group-item { margin-top: map-get($spacers, 2); - background-color: var(--card-cap-bg); + background-color: var(--raised-accent); p { margin-bottom: 0; diff --git a/app/assets/stylesheets/overrides/_card.scss b/app/assets/stylesheets/overrides/_card.scss index a6f6d434..2b31a72a 100644 --- a/app/assets/stylesheets/overrides/_card.scss +++ b/app/assets/stylesheets/overrides/_card.scss @@ -1,7 +1,7 @@ .card { margin-bottom: map-get($spacers, 3); box-shadow: $box-shadow-sm; - background-color: var(--card-bg); + background-color: var(--raised-bg); p:only-child { margin-bottom: 0; @@ -10,5 +10,5 @@ .card-header, .card-footer { - background-color: var(--card-cap-bg); + background-color: var(--raised-accent); } \ No newline at end of file diff --git a/app/helpers/theme_helper.rb b/app/helpers/theme_helper.rb index d75d2cb4..cf436ca3 100644 --- a/app/helpers/theme_helper.rb +++ b/app/helpers/theme_helper.rb @@ -64,7 +64,7 @@ module ThemeHelper 'info_text' => 'info-text', 'success_color' => 'success', 'success_text' => 'success-text', - 'panel_color' => 'card-bg', + 'panel_color' => 'raised-bg', 'background_color' => 'background', 'background_text' => 'body-text', 'input_color' => 'input-bg',