Rose Pine danger color
This commit is contained in:
parent
b707b44591
commit
acc482abef
|
@ -198,18 +198,18 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
&.danger {
|
&.danger {
|
||||||
color: #ff2a2a;
|
color: #eb6f92;
|
||||||
|
|
||||||
&.primary {
|
&.primary {
|
||||||
color: #fff;
|
color: #e0def4;
|
||||||
background: #ff2a2a;
|
background: #eb6f92;
|
||||||
|
|
||||||
&:not(:disabled):hover {
|
&:not(:disabled):hover {
|
||||||
background: #ff4242;
|
background: #eb6f92;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:disabled):active {
|
&:not(:disabled):active {
|
||||||
background: #d42e2e;
|
background: #b4637a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -237,21 +237,21 @@ onBeforeUnmount(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.danger {
|
&.danger {
|
||||||
color: #ff2a2a;
|
color: #eb6f92;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #fff;
|
color: #e0def4;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
background: #ff4242;
|
background: #eb6f92;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
color: #fff;
|
color: #e0def4;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
background: #d42e2e;
|
background: #b4637a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue