diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index e2da1cc5..0f18c59c 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -21,6 +21,7 @@ --fg-weak: color-mix(var(--fg-max) 70%, var(--bg-max) 30%); --bg: color-mix(var(--bg-max) 85%, var(--fg-max) 15%); + --bg-half: color-mix(var(--bg) 50%, transparent 50%); --bg-u1: color-mix(var(--bg-max) 80%, var(--fg-max) 20%); --bg-u2: color-mix(var(--bg-max) 75%, var(--fg-max) 25%); --bg-u3: color-mix(var(--bg-max) 70%, var(--fg-max) 30%); @@ -1567,7 +1568,10 @@ html.y #ops svg circle { border-radius: .3em; justify-content: center; display: flex; - text-shadow: 1px 1px 0 var(--bg), 1px -1px 0 var(--bg), -1px -1px 0 var(--bg), -1px 1px 0 var(--bg); + text-shadow: none; +} +#acc_pfp.placeholder { + text-shadow: 1px 1px 0 var(--bg-half), 1px -1px 0 var(--bg-half), -1px -1px 0 var(--bg-half), -1px 1px 0 var(--bg-half); } .opbox { padding: .5em; diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js index 6c3e5fed..aec315ee 100644 --- a/copyparty/web/browser.js +++ b/copyparty/web/browser.js @@ -8465,6 +8465,7 @@ function apply_perms(res) { ebi('acc_pfp').innerHTML = '👤'; ebi('acc_button').onclick = goHome; } + clmod(ebi('acc_pfp'), 'placeholder', acct == '*'); var o = QSA('#ops>a[data-perm]'); for (var a = 0; a < o.length; a++) {