Skip to content
This repository was archived by the owner on Oct 13, 2025. It is now read-only.

mrosvik/changed primary blue color from #1EAEF7 to #008FD6.. #402

Merged
magnusnn merged 3 commits into from
Feb 12, 2021
Merged

mrosvik/changed primary blue color from #1EAEF7 to #008FD6.. #402

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d3288a6
changed primary blue color from #1EAEF7 to #008FD6 except modal backg…
mrosvik Feb 3, 2021
d6bee81
Merge branch 'master' of https://github.com/Altinn/DesignSystem into …
mrosvik Feb 12, 2021
c8c775c
added oldblue for modal background
mrosvik Feb 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion source/css/scss-altinn/generic/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
// Colors
$blue-lighter: #E3F7FF;
$blue-light: #CFF0FF;
$blue: #1EAEF7;
$blue: #008FD6; // Because of contrast, the blue primary color changed from #1EAEF7 to #008FD6 in January 2021.
$oldblue: #1EAEF7; // Old primary blue should still be used on modal backgrounds and buttons with black text.
Comment thread
magnusnn marked this conversation as resolved.
$blue-dark: #0062BA;
$blue-darker: #022F51;
$blue-styleguide-header: #BCE4F7;
Expand Down
2 changes: 1 addition & 1 deletion source/css/scss-common/objects/_buttons.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
margin-bottom: $spacer;
color: $black;
cursor: pointer;
background: $blue;
background: $oldblue;
border: none;
border-radius: 0;

Expand Down
2 changes: 1 addition & 1 deletion source/css/scss-common/objects/_modal.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ html {
}

&.a-modal-background {
background: $blue;
background: $oldblue;
}

&.a-modal-background-error {
Expand Down