|
32 | 32 | --shadcn-accent: hsl(210 40% 96%); |
33 | 33 | --shadcn-accent-foreground: hsl(222.2 84% 4.9%); |
34 | 34 | --md-admonition-icon--agent: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M320 0c17.7 0 32 14.3 32 32l0 64 120 0c39.8 0 72 32.2 72 72l0 272c0 39.8-32.2 72-72 72l-304 0c-39.8 0-72-32.2-72-72l0-272c0-39.8 32.2-72 72-72l120 0 0-64c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224l16 0 0 192-16 0c-26.5 0-48-21.5-48-48l0-96c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48l0 96c0 26.5-21.5 48-48 48l-16 0 0-192 16 0z"/></svg>'); |
| 35 | + --md-admonition-icon--dev: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%236b6b6b" d="M8.17 11.29a1 1 0 0 1 0 1.42l-3.3 3.29a1 1 0 1 1-1.42-1.42l2.59-2.58-2.59-2.58a1 1 0 1 1 1.42-1.42l3.3 3.29zm7.66 0a1 1 0 0 0 0 1.42l3.3 3.29a1 1 0 1 0 1.42-1.42l-2.59-2.58 2.59-2.58a1 1 0 1 0-1.42-1.42l-3.3 3.29z"/></svg>'); |
| 36 | + --md-admonition-icon--user: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%236b6b6b" d="M12 12c2.7 0 8 1.34 8 4v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2c0-2.66 5.3-4 8-4zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/></svg>'); |
| 37 | + --dev-admonition-border: #666666; |
| 38 | + --dev-admonition-bg: rgba(80, 80, 80, 0.15); |
| 39 | + --user-admonition-border: #555555; |
| 40 | + --user-admonition-bg: rgba(70, 70, 70, 0.15); |
35 | 41 | } |
36 | 42 |
|
37 | 43 | /* Dark mode shadcn colors */ |
|
126 | 132 | mask-image: var(--md-admonition-icon--agent); |
127 | 133 | } |
128 | 134 |
|
| 135 | +/* --- Custom Dev Admonition --- */ |
| 136 | +.md-typeset .admonition.dev, |
| 137 | +.md-typeset details.dev { |
| 138 | + border-color: var(--dev-admonition-border); |
| 139 | +} |
| 140 | +.md-typeset .dev > .admonition-title, |
| 141 | +.md-typeset .dev > summary { |
| 142 | + background-color: var(--dev-admonition-bg); |
| 143 | +} |
| 144 | +.md-typeset .dev > .admonition-title::before, |
| 145 | +.md-typeset .dev > summary::before { |
| 146 | + background-color: var(--dev-admonition-border); |
| 147 | + -webkit-mask-image: var(--md-admonition-icon--dev); |
| 148 | + mask-image: var(--md-admonition-icon--dev); |
| 149 | +} |
| 150 | + |
| 151 | +/* --- Custom User Admonition --- */ |
| 152 | +.md-typeset .admonition.user, |
| 153 | +.md-typeset details.user { |
| 154 | + border-color: var(--user-admonition-border); |
| 155 | +} |
| 156 | +.md-typeset .user > .admonition-title, |
| 157 | +.md-typeset .user > summary { |
| 158 | + background-color: var(--user-admonition-bg); |
| 159 | +} |
| 160 | +.md-typeset .user > .admonition-title::before, |
| 161 | +.md-typeset .user > summary::before { |
| 162 | + background-color: var(--user-admonition-border); |
| 163 | + -webkit-mask-image: var(--md-admonition-icon--user); |
| 164 | + mask-image: var(--md-admonition-icon--user); |
| 165 | +} |
| 166 | + |
129 | 167 | /* --- ShadCN-style Buttons --- */ |
130 | 168 | .md-button, |
131 | 169 | .md-typeset .md-button { |
|
0 commit comments