refactor: migrate legacy wire namespace to wrn
This commit is contained in:
@@ -23,11 +23,11 @@ page Home {
|
||||
<div data-component="counter" start="10" label="{t:nav.dashboard}"></div>
|
||||
</div>
|
||||
|
||||
<!-- This box is styled entirely with theme tokens (var(--wire-*)), so it
|
||||
<!-- This box is styled entirely with theme tokens (var(--wrn-*)), so it
|
||||
restyles instantly when the theme changes. -->
|
||||
<div class="themed-box">
|
||||
This box uses theme tokens. Current theme controls its colors.
|
||||
<button type="button" data-wire-theme-toggle class="theme-toggle">Toggle theme</button>
|
||||
<button type="button" data-wrn-theme-toggle class="theme-toggle">Toggle theme</button>
|
||||
</div>
|
||||
|
||||
<p><a class="text-red-600 hover:underline" href="/about">About</a></p>
|
||||
@@ -36,10 +36,10 @@ page Home {
|
||||
|
||||
style {
|
||||
.themed-box {
|
||||
background: var(--wire-color-surface);
|
||||
color: var(--wire-color-text);
|
||||
border: 1px solid var(--wire-color-border);
|
||||
border-radius: var(--wire-radius);
|
||||
background: var(--wrn-color-surface);
|
||||
color: var(--wrn-color-text);
|
||||
border: 1px solid var(--wrn-color-border);
|
||||
border-radius: var(--wrn-radius);
|
||||
padding: 1rem;
|
||||
margin: 1rem 0;
|
||||
display: flex;
|
||||
@@ -48,10 +48,10 @@ page Home {
|
||||
gap: 1rem;
|
||||
}
|
||||
.theme-toggle {
|
||||
background: var(--wire-color-primary);
|
||||
color: var(--wire-color-primary-contrast);
|
||||
background: var(--wrn-color-primary);
|
||||
color: var(--wrn-color-primary-contrast);
|
||||
border: 0;
|
||||
border-radius: var(--wire-radius-sm);
|
||||
border-radius: var(--wrn-radius-sm);
|
||||
padding: 0.5rem 0.9rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user