primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-04 14:59:16 +03:00
Code Issues Projects Releases Wiki Activity

Update flash alerts in dark mode

Browse Source
This commit is contained in:
simurai 2020-10-08 13:42:50 +09:00
parent 20ac6fcf5e
commit 1f3ca4b28a
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package-lock.json generated
View File

@ -2680,9 +2680,9 @@
}
},
"@primer/primitives": {
"version": "0.0.0-4813158",
"resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-0.0.0-4813158.tgz",
"integrity": "sha512-GTIs1uOeukZY0L+cjvDy4iVkcYHL7iSSvYN1FGm+O5UPP0Use7lI7F8Oca5O0kxxc/ASmRIR/Ls7XJlrkWtAjw=="
"version": "0.0.0-f150c92",
"resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-0.0.0-f150c92.tgz",
"integrity": "sha512-2w5PIzNHg78JjGCPmPXTNfD6uw5lX+Lecm2JqIxSEN5OlZ1f5WE8FptoIcpG5ZGaQDdnJ1Pif1T/D4QcWMzjEQ=="
},
"@reach/router": {
"version": "1.3.3",

2
package.json
View File

@ -41,7 +41,7 @@
},
"dependencies": {
"@primer/octicons": "^9.1.1",
"@primer/primitives": "0.0.0-4813158"
"@primer/primitives": "0.0.0-f150c92"
},
"devDependencies": {
"@octokit/rest": "^16.34.0",

5
src/alerts/flash.scss
View File

@ -5,7 +5,6 @@
position: relative;
// stylelint-disable-next-line primer/spacing
padding: 20px $spacer-3;
color: var(--color-text-primary);
border-style: $border-style;
border-width: $border-width;
border-radius: $border-radius;
@ -65,6 +64,7 @@
//
.flash {
color: var(--color-alert-text);
background-color: var(--color-alert-bg);
border-color: var(--color-alert-border);
@ -75,6 +75,7 @@
}
.flash-warn {
color: var(--color-alert-warn-text);
background-color: var(--color-alert-warn-bg);
border-color: var(--color-alert-warn-border);
@ -85,6 +86,7 @@
}
.flash-error {
color: var(--color-alert-error-text);
background-color: var(--color-alert-error-bg);
border-color: var(--color-alert-error-border);
@ -95,6 +97,7 @@
}
.flash-success {
color: var(--color-alert-success-text);
background-color: var(--color-alert-success-bg);
border-color: var(--color-alert-success-border);