alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

style(ext): add password-coloring CSS rules + custom property defaults

Browse Source
This commit is contained in:
adlee-was-taken
2026-05-02 17:19:06 -04:00
parent 1de7cda1b0
commit 518b41e9cd
2 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
extension/src/popup/styles.css
View File

@@ -38,6 +38,10 @@
/* Focus */ /* Focus */
--focus-ring: 0 0 0 2px var(--gold-ring); --focus-ring: 0 0 0 2px var(--gold-ring);
/* Password coloring (P1) */
--relicario-pwd-digit-color: #2563eb;
--relicario-pwd-symbol-color: #dc2626;
} }
* { * {
@@ -1554,3 +1558,8 @@ textarea {
.logo-lockup .brand-logo { width: 42px; height: 42px; margin: 0 auto 10px; } .logo-lockup .brand-logo { width: 42px; height: 42px; margin: 0 auto 10px; }
.logo-lockup .brand { font-size: 17px; font-weight: 600; color: var(--gold-text); letter-spacing: 0.5px; } .logo-lockup .brand { font-size: 17px; font-weight: 600; color: var(--gold-text); letter-spacing: 0.5px; }
.tagline { color: var(--text-dim); font-size: 11px; margin-top: 4px; letter-spacing: 0.3px; } .tagline { color: var(--text-dim); font-size: 11px; margin-top: 4px; letter-spacing: 0.3px; }
/* Password character-class coloring */
.pwd-digit { color: var(--relicario-pwd-digit-color); }
.pwd-symbol { color: var(--relicario-pwd-symbol-color); }
.pwd-letter { color: inherit; }

9
extension/src/vault/vault.css
View File

@@ -38,6 +38,10 @@
/* Focus */ /* Focus */
--focus-ring: 0 0 0 2px var(--gold-ring); --focus-ring: 0 0 0 2px var(--gold-ring);
/* Password coloring (P1) */
--relicario-pwd-digit-color: #2563eb;
--relicario-pwd-symbol-color: #dc2626;
} }
* { * {
@@ -169,6 +173,11 @@ body {
margin-top: 6px; margin-top: 6px;
} }
/* Password character-class coloring */
.pwd-digit { color: var(--relicario-pwd-digit-color); }
.pwd-symbol { color: var(--relicario-pwd-symbol-color); }
.pwd-letter { color: inherit; }
/* Buttons */ /* Buttons */
.btn { .btn {
display: inline-block; display: inline-block;