WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

localize legacy UI component styles

Browse Source
This commit is contained in:
Clintchiz
2026-08-09 21:07:10 +05:30
parent 3f5ec8696f
commit 6859b5c4ff
17 changed files with 512 additions and 866 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/alert.wrn
+50
View File
@@ -145,6 +145,56 @@ component Alert {
}
style {
.wire-next--alert-soft {
border-color: color-mix(in srgb, var(--wire-alert-color) 45%, var(--wire-color-border));
background: var(--wire-alert-soft);
}
.wire-next--alert-soft .wire-next__alert-title,
.wire-next--alert-soft .wire-next__alert-icon,
.wire-next--alert-soft .wire-next__alert-actions a {
color: var(--wire-alert-color);
}
.wire-next--alert-solid {
border-color: var(--wire-alert-color);
background: var(--wire-alert-color);
color: white;
}
.wire-next--alert.wire-next--alert-solid
:is(
.wire-next__alert-title,
.wire-next__alert-body > p,
.wire-next__alert-body li,
.wire-next__alert-actions a,
.wire-next__alert-icon
) {
color: currentColor;
}
.wire-next--alert-solid[data-color="light"] {
color: #18181b;
}
.wire-next--alert-solid[data-color="warning"] {
color: #18181b;
}
.wire-next--alert-bordered {
border-color: var(--wire-alert-color);
background: var(--wire-color-surface);
}
.wire-next--alert-bordered .wire-next__alert-title,
.wire-next--alert-bordered .wire-next__alert-icon,
.wire-next--alert-bordered .wire-next__alert-actions a {
color: var(--wire-alert-color);
}
.wire-next--alert-accent {
border-color: color-mix(in srgb, var(--wire-alert-color) 35%, var(--wire-color-border));
border-left: 4px solid var(--wire-alert-color);
background: var(--wire-alert-soft);
}
.wire-next--alert-accent .wire-next__alert-title,
.wire-next--alert-accent .wire-next__alert-icon,
.wire-next--alert-accent .wire-next__alert-actions a {
color: var(--wire-alert-color);
}
.wire-next--alert {
--wire-alert-color: var(--wire-component-color);
--wire-alert-soft: color-mix(in srgb, var(--wire-alert-color) 16%, var(--wire-color-surface));