Skip to content

Commit

Permalink
feat: Color change: Sea Green 4% -> Mint Green 12%
Browse files Browse the repository at this point in the history
  • Loading branch information
tujoworker committed Jan 22, 2019
1 parent e94878f commit 0161b1c
Show file tree
Hide file tree
Showing 36 changed files with 63 additions and 63 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -155,12 +155,12 @@ export default ({ children }) => {
</tr>
<tr>
<td>UX</td>
<td>Sea Green 4</td>
<td>#F5FAFA</td>
<td>245 250 250</td>
<td>Sea Green 4</td>
<td>--color-sea-green-4</td>
<td>$color-sea-green-4</td>
<td>Mint Green 12</td>
<td>#F4FBF9</td>
<td>244 251 249</td>
<td>Mint Green 12</td>
<td>--color-mint-green-12</td>
<td>$color-mint-green-12</td>
</tr>
<tr>
<td>UX</td>
Expand All @@ -187,7 +187,7 @@ export default ({ children }) => {
<td>253 235 244</td>
<td>Cherry Red 8</td>
<td>--color-cherry-red-8</td>
<td>$color-cherry-red-8</td>
<td>$color-cherry-red-8</td>
</tr>
<tr>
<td>UX</td>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const style = css`
&.dnb-loan-sausage {
margin: 2rem 0;
padding: 2rem 0;
background: var(--color-sea-green-4);
background: var(--color-mint-green-12);
${'' /* .dnb-loan-sausage__inner {
} */};
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const prismStyle = /* @css */ `
background-color: #222;
border-radius: 8px;
color: var(--color-sea-green-4);
color: var(--color-mint-green-12);
white-space: pre;
vertical-align: baseline;
Expand Down Expand Up @@ -52,7 +52,7 @@ const prismStyle = /* @css */ `
.token.number,
.token.constant,
.token.symbol {
color: var(--color-sea-green-4);
color: var(--color-mint-green-12);
}
.token.tag {
color: var(--color-sea-green-alt);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ const StyledListItem = styled.li`
}
}
&.is-inside {
background-color: var(--color-sea-green-4);
background-color: var(--color-mint-green-12);
font-weight: 500;
}
}
Expand Down Expand Up @@ -146,7 +146,7 @@ const StyledListItem = styled.li`
&.l-6 {
font-size: 0.875rem; /* small size */
&.is-inside {
background-color: var(--color-sea-green-4);
background-color: var(--color-mint-green-12);
}
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,7 @@ const FooterWrapper = styled.footer`
.is-fullscreen & {
padding: 1rem;
background: var(--color-sea-green-4);
background: var(--color-mint-green-12);
}
a {
Expand Down
2 changes: 1 addition & 1 deletion packages/dnb-design-system-portal/src/uilib/AllParts.js
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,6 @@ const Wrapper = styled.div`
padding: 1rem;
border-top: 1px solid var(--color-black-border);
background: var(--color-sea-green-4);
background: var(--color-mint-green-12);
}
`
Original file line number Diff line number Diff line change
Expand Up @@ -442,7 +442,7 @@ exports[`Button scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ exports[`Dropdown scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down Expand Up @@ -731,12 +731,12 @@ a.dnb-button {
.no-touch .dnb-dropdown__option__inner:hover[disabled] {
cursor: not-allowed; }
.no-touch .dnb-dropdown__option__inner:hover:not([disabled]) {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.dnb-dropdown__option {
padding: 2px;
background-color: white; }
.dnb-dropdown__option--active {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.dnb-dropdown__option--active .dnb-dropdown__option__inner {
box-shadow: 0 0 0 2px;
outline: none; }
Expand All @@ -746,13 +746,13 @@ a.dnb-button {
.no-touch .dnb-dropdown__option:hover[disabled] {
cursor: not-allowed; }
.no-touch .dnb-dropdown__option:hover:not([disabled]) {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.no-touch .dnb-dropdown__option:hover:not([disabled]) .dnb-dropdown__option__inner {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.dnb-dropdown__option.dnb-dropdown__option--selected {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.dnb-dropdown__option.dnb-dropdown__option--selected .dnb-dropdown__option__inner {
background-color: var(--color-sea-green-4); }
background-color: var(--color-mint-green-12); }
.dnb-dropdown--hidden .dnb-dropdown__options {
visibility: hidden;
opacity: 0;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ $dropdown-trigger-color: #58595b;
$dropdown-text-padding: 0.3rem;
$dropdown-trigger-color-active: #000;
$dropdown-options-offset: 1.3rem;
$option-selected-color: #{var(--color-sea-green-4)};
$option-selected-color: #{var(--color-mint-green-12)};

:root {
--dropdown-padding-horizontal: 1rem;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,6 @@
}
&--info {
color: var(--color-summer-green);
background-color: var(--color-sea-green-4);
background-color: var(--color-mint-green-12);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ exports[`Icon scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ exports[`InputMasked scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -194,7 +194,7 @@ exports[`Input scss have to match default theme snapshot 1`] = `
.dnb-input {
color: var(--color-emerald-green); }
.dnb-input__shell {
background-color: var(--color-sea-green-4);
background-color: var(--color-mint-green-12);
border: var(--input-border-width) solid var(--input-border-color); }
.no-touch .dnb-input__shell:not([data-input-state='disabled']):hover[disabled] {
cursor: not-allowed; }
Expand Down Expand Up @@ -259,7 +259,7 @@ exports[`Input scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
color: var(--color-emerald-green);

&__shell {
background-color: var(--color-sea-green-4);
background-color: var(--color-mint-green-12);
border: var(--input-border-width) solid var(--input-border-color);

&:not([data-input-state='disabled']) {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ exports[`Logo scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -442,7 +442,7 @@ exports[`Modal scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ exports[`Slider scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -316,7 +316,7 @@ exports[`StepIndicator scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ exports[`Switch scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -351,7 +351,7 @@ exports[`Tabs scss have to match snapshot 1`] = `
--color-sea-green-alt: #008484;
--color-mint-green-50: #d2f0e9;
--color-mint-green-25: #e9f8f4;
--color-sea-green-4: #f5fafa;
--color-mint-green-12: #f4fbf9;
--color-sea-green-alt-30: #b3dada;
--color-signal-yellow-30: #ffffd7;
--color-cherry-red: #e10076;
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 0161b1c

Please sign in to comment.