mirror of
https://github.com/lllin000/PaperForge.git
synced 2026-07-22 06:50:53 +00:00
feat(21-01): add install status CSS styles (SECTION 5)
- .paperforge-install-status base style with margin/padding/border-radius - .paperforge-install-success (green) with color-mix tinted background - .paperforge-install-error (red) with color-mix tinted background - .paperforge-install-progress (blue) with color-mix tinted background - Uses Obsidian CSS variables for theme compatibility
This commit is contained in:
parent
019ffb6e53
commit
2820bc99e5
1 changed files with 31 additions and 0 deletions
|
|
@ -366,3 +366,34 @@
|
|||
color: var(--text-muted);
|
||||
font-size: var(--font-ui-small);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
SECTION 5 — Settings Tab: Install Status
|
||||
========================================================================== */
|
||||
.paperforge-install-status {
|
||||
margin: 12px 0;
|
||||
padding: 10px 14px;
|
||||
border-radius: var(--radius-m);
|
||||
font-size: var(--font-ui-small);
|
||||
line-height: 1.5;
|
||||
background: var(--background-secondary);
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.paperforge-install-success {
|
||||
color: var(--color-green);
|
||||
border-color: var(--color-green);
|
||||
background: color-mix(in srgb, var(--color-green) 10%, var(--background-secondary));
|
||||
}
|
||||
|
||||
.paperforge-install-error {
|
||||
color: var(--text-error);
|
||||
border-color: var(--text-error);
|
||||
background: color-mix(in srgb, var(--text-error) 10%, var(--background-secondary));
|
||||
}
|
||||
|
||||
.paperforge-install-progress {
|
||||
color: var(--color-blue);
|
||||
border-color: var(--color-blue);
|
||||
background: color-mix(in srgb, var(--color-blue) 8%, var(--background-secondary));
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue