From 7b5515df71abc1ce824fa2865004c40581dea609 Mon Sep 17 00:00:00 2001 From: Anatoliy Kashkin Date: Wed, 19 Jul 2023 04:46:07 +0300 Subject: [PATCH] Headerbar: adaptive navigation (#176) --- colorthemes/yaru/yaru.theme | 10 +- install.py | 18 +- web/base/_localization.css | 10 + web/base/_root.css | 46 +- web/base/bottom_bar.css | 93 ---- web/base/main_window/headerbar/buttons.css | 258 ++++++++++ web/base/main_window/headerbar/headerbar.css | 289 +++++++++++ web/base/main_window/headerbar/menu.css | 106 ++++ web/base/main_window/headerbar/navigation.css | 224 +++++++++ web/base/top_bar.css | 457 ------------------ web/extras/bottombar/hide_bar.css | 14 - web/extras/topbar/hide_bp.css | 7 - web/extras/topbar/hide_url.css | 7 - web/extras/topbar/hide_vr.css | 7 - web/extras/topbar/show_arrows.css | 18 - web/extras/topbar/vanilla_bar.css | 54 --- 16 files changed, 941 insertions(+), 677 deletions(-) create mode 100644 web/base/_localization.css delete mode 100644 web/base/bottom_bar.css create mode 100644 web/base/main_window/headerbar/buttons.css create mode 100644 web/base/main_window/headerbar/headerbar.css create mode 100644 web/base/main_window/headerbar/menu.css create mode 100644 web/base/main_window/headerbar/navigation.css delete mode 100644 web/base/top_bar.css delete mode 100644 web/extras/bottombar/hide_bar.css delete mode 100644 web/extras/topbar/hide_bp.css delete mode 100644 web/extras/topbar/hide_url.css delete mode 100644 web/extras/topbar/hide_vr.css delete mode 100644 web/extras/topbar/show_arrows.css delete mode 100644 web/extras/topbar/vanilla_bar.css diff --git a/colorthemes/yaru/yaru.theme b/colorthemes/yaru/yaru.theme index b7ecf5ec..9dfc66bb 100644 --- a/colorthemes/yaru/yaru.theme +++ b/colorthemes/yaru/yaru.theme @@ -74,8 +74,8 @@ scrollbar_hover = #FFFFFF66 scrollbar_active = #FFFFFF99 [icons] -community_icon = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9Im9wYWNpdHk6MTt2ZWN0b3ItZWZm ZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0 cm9rZS13aWR0aDoxLjg4OTc2MzgzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9r ZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNo YXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEi IGQ9Ik04IDEyYy0yLjIxNiAwLTQgMS43ODQtNCA0aDFjMC0xLjY2MiAxLjMzOC0z IDMtM2g0YzEuNjYyIDAgMyAxLjMzOCAzIDNoMWMwLTIuMjE2LTEuNzg0LTQtNC00 eiIvPjxwYXRoIHN0eWxlPSJjb2xvcjojMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2Zv bnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6NDAwO2ZvbnQtc3RyZXRjaDpu b3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDoxMjUlO2ZvbnQtZmFt aWx5OlVidW50dTstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidVYnVudHUs IE5vcm1hbCc7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJp YW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9u dC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVz Om5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50 OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRl Y29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0 ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDtsZXR0ZXItc3BhY2luZzowO3dvcmQt c3BhY2luZzowO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRi O2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1i YXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9y OnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1y dWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNp YmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVu ZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50 ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwO3Nv bGlkLW9wYWNpdHk6MTtmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxl Om5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVj YXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6 NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJv a2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmlu ZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87 ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgZD0iTTEwIDQuMDAyYy0uNDYg MC0uODk3LjA4NS0xLjI5OS4yNThhMi45OCAyLjk4IDAgMCAwLTEuMDQ3LjcxN2wt LjAwNC4wMDQtLjAwMi4wMDJhMy4zMjggMy4zMjggMCAwIDAtLjY2NCAxLjExOSA0 LjAxMiA0LjAxMiAwIDAgMC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40 MS4xNTYuNDIyLjM3OC43OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5 NC4zMTEuNjQ2LjU1NyAxLjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMmMuNDAxLjE2 NS44MzkuMjQ2IDEuMjk3LjI0Ni40NTkgMCAuODk0LS4wODEgMS4yOTUtLjI0NnYt LjAwMmEzLjAxNiAzLjAxNiAwIDAgMCAxLjAzMy0uNzMgMy4yNSAzLjI1IDAgMCAw IC42OC0xLjExYy4xNi0uNDI5LjIzNC0uOTAzLjIzNC0xLjQxMmguMDA4YzAtLjUw MS0uMDc2LS45NjgtLjIzNC0xLjM5NmEzLjIzNCAzLjIzNCAwIDAgMC0uNjc4LTEu MTIzIDIuODk2IDIuODk2IDAgMCAwLTEuMDM5LS43MkEzLjI0MiAzLjI0MiAwIDAg MCAxMCA0LjAwMnptLS4xMTMgMS4wNGMuNTQyLS4wNDMgMS4xMS4xMDUgMS41MTcu NDc2Ljc2OC42MjYuOTM2IDEuNzE2Ljc0OCAyLjY0Mi0uMTI4LjgzOS0uNzg3IDEu NjAxLTEuNjMyIDEuNzY0LS44MjMuMTg4LTEuNzY3LS4wNjQtMi4yNjItLjc4LS41 My0uNjkxLS41NS0xLjYyMS0uMzk5LTIuNDQzLjIxMS0uOTIgMS4wNTctMS42OTgg Mi4wMjgtMS42NnoiLz48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0 eTouNTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eTox O3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjg4OTc2MzgzO3N0cm9rZS1saW5l Y2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1p dDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0 cm9rZS1vcGFjaXR5OjEiIGQ9Ik02IDEuMDAyYy0uNDYgMC0uODk3LjA4NS0xLjI5 OS4yNThhMi45OCAyLjk4IDAgMCAwLTEuMDQ3LjcxN2wtLjAwNC4wMDQtLjAwMi4w MDJhMy4zMjggMy4zMjggMCAwIDAtLjY2NCAxLjExOSA0LjAxMiA0LjAxMiAwIDAg MC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40MS4xNTYuNDIyLjM3OC43 OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5NC4zMTEuNjQ2LjU1NyAx LjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMmMuMzM0LjEzNy42OTcuMjA0IDEuMDcz LjIyN2E0LjQ4OCA0LjQ4OCAwIDAgMSAuMDEtMS4wMThjLS42LS4wNS0xLjE3Ny0u MzEzLTEuNTI4LS44Mi0uNTMtLjY5Mi0uNTUtMS42MjItLjM5OC0yLjQ0My4yMS0u OTIgMS4wNTYtMS42OTggMi4wMjctMS42Ni41NDItLjA0MyAxLjExLjEwNSAxLjUx Ny40NzYuMzIuMjYxLjUzMS42MDUuNjYuOTgyLjMwNC0uMTY1LjYyNC0uMjkyLjk1 Ni0uMzc3bC0uMDA0LS4wMTdhMy4yMzQgMy4yMzQgMCAwIDAtLjY3OC0xLjEyMyAy Ljg5NiAyLjg5NiAwIDAgMC0xLjA0LS43MkEzLjI0MiAzLjI0MiAwIDAgMCA2IDEu MDAyek00IDljLTIuMjE2IDAtNCAxLjc4NC00IDR2MWgxdi0xYzAtMS42NjIgMS4z MzgtMyAzLTNoMi40N2E0LjYxIDQuNjEgMCAwIDEtLjQ3Mi0xeiIvPjwvc3ZnPg==') -console_icon = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBk PSJNNDc1Ljk5NCAxNjJjLTEuMjU4LjAxNS0yLjE3OS0uMDMtMi45MzEuMzg1YTEu ODggMS44OCAwIDAgMC0uODM4Ljk5OGMtLjE2NS40MzgtLjIyNS45Ni0uMjI1IDEu NjE3djdjMCAuNjU4LjA2IDEuMTc5LjIyNSAxLjYxNy4xNjQuNDM5LjQ2MS43OS44 MzguOTk4Ljc1Mi40MTYgMS42NzMuMzcgMi45MzEuMzg1aDguMDEyYzEuMjU4LS4w MTUgMi4xNzkuMDMgMi45MzItLjM4NWExLjg4IDEuODggMCAwIDAgLjgzOC0uOTk4 Yy4xNjQtLjQzOC4yMjQtLjk2LjIyNC0xLjYxN3YtN2MwLS42NTgtLjA2LTEuMTc5 LS4yMjUtMS42MTdhMS44OCAxLjg4IDAgMCAwLS44MzctLjk5OGMtLjc1My0uNDE2 LTEuNjc0LS4zNy0yLjkzMi0uMzg1aC04LjAwOHptMi45MDMgMS4wOTJhMzQ2LjE5 IDM0Ni4xOSAwIDAgMSA1LjI0Ni4wMjFjLjg2LjE0NyAyLjE2LS4zNDEgMi42NzMu NjY4LjI1NiAyLjkyNC4wNyA1Ljg4Mi4xMyA4LjgxOS0uMDg4LjM4LS4xODUgMS4x NDMtLjczMSAxLjEyOS0zLjUzNy4yMzUtNy4wOTIuMTA4LTEwLjYzNS4xMzQtLjc4 Ni0uMTEyLTIgLjI5LTIuNDA0LS42OTEtLjE3LTIuNDY2LS4wODktNC45NS0uMDkt Ny40MzYuMTIyLS44NC0uMjk2LTIuMDY0LjY4OC0yLjUxMSAxLjY4OS0uMjEyIDMu NDA4LS4wNzggNS4xMjMtLjEzM3ptLTMuNDE1IDEuODg3YS41LjUgMCAwIDAtLjI3 My45MDRsMS40NjcgMS4xLTEuNDY3IDEuMDk5Yy0uNTM0LjQwMS4wNjggMS4yMDIu NjAyLjhsMi0xLjVhLjUuNSAwIDAgMCAwLS44bC0yLTEuNWEuNTAyLjUwMiAwIDAg MC0uMzI5LS4xMDN6bTIuNTI4IDQuMDAzdjFoM3YtMXoiIHN0eWxlPSJjb2xvcjoj MDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13 ZWlnaHQ6NDAwO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTts aW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZh cmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9y bWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJp Yzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVh dHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0 YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5v bmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1j b2xvcjojMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9y bWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVj dGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGlu ZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0 O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5v bnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5 OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2Rl Om5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xh dGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwO3NvbGlkLW9w YWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0 eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDox LjAwMDAwMDEyO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1p dGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0 cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTttYXJrZXI6bm9uZTtj b2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0bztzaGFwZS1y ZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJsZS1iYWNrZ3Jv dW5kOmFjY3VtdWxhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIgLTE2MCki Lz48L2c+PC9zdmc+') -library_icon = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBk PSJNNTE1LjgwNSA0ODdjLS41MzcgMC0uODA1IDAtLjgwNS42MjV2Ljc1YzAgLjYy NS4yNjguNjI1LjgwNS42MjVoLjM5Yy41MzcgMCAuODA1IDAgLjgwNS0uNjI1di0u NzVjMC0uNjAzLS4yNjgtLjYyNS0uODA1LS42MjV6bTQgMGMtLjUzNyAwLS44MDUg MC0uODA1LjYyNXYuNzVjMCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzljLjUzNyAw IC44MDUgMCAuODA1LS42MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44MDUtLjYy NXptNCAwYy0uNTM3IDAtLjgwNSAwLS44MDUuNjI1di43NWMwIC42MjUuMjY4LjYy NS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAwIC44MDUtLjYyNXYtLjc1YzAtLjYw My0uMjY4LS42MjUtLjgwNS0uNjI1em0tOCA0Yy0uNTM3IDAtLjgwNSAwLS44MDUu NjI1di43NWMwIC42MjUuMjY4LjYyNS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAw IC44MDUtLjYyNXYtLjc1YzAtLjYwMy0uMjY4LS42MjUtLjgwNS0uNjI1em00IDBj LS41MzcgMC0uODA1IDAtLjgwNS42MjV2Ljc1YzAgLjYyNS4yNjguNjI1LjgwNS42 MjVoLjM5Yy41MzcgMCAuODA1IDAgLjgwNS0uNjI1di0uNzVjMC0uNjAzLS4yNjgt LjYyNS0uODA1LS42MjV6bTQgMGMtLjUzNyAwLS44MDUgMC0uODA1LjYyNXYuNzVj MCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzljLjUzNyAwIC44MDUgMCAuODA1LS42 MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44MDUtLjYyNXptLTggNGMtLjUzNyAw LS44MDUgMC0uODA1LjYyNXYuNzVjMCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzlj LjUzNyAwIC44MDUgMCAuODA1LS42MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44 MDUtLjYyNXptNCAwYy0uNTM3IDAtLjgwNSAwLS44MDUuNjI1di43NWMwIC42MjUu MjY4LjYyNS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAwIC44MDUtLjYyNXYtLjc1 YzAtLjYwMy0uMjY4LS42MjUtLjgwNS0uNjI1em00IDBjLS41MzcgMC0uODA1IDAt LjgwNS42MjV2Ljc1YzAgLjYyNS4yNjguNjI1LjgwNS42MjVoLjM5Yy41MzcgMCAu ODA1IDAgLjgwNS0uNjI1di0uNzVjMC0uNjAzLS4yNjgtLjYyNS0uODA1LS42MjV6 IiBzdHlsZT0iY29sb3I6IzAwMDtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNp YmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7ZmlsbDojZmZmO2ZpbGwt b3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13 aWR0aDoxMDttYXJrZXI6bm9uZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRl IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEyIC00ODQpIi8+PC9nPjwvc3ZnPg==') -profile_icon = url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0i MTYiIHdpZHRoPSIxNiI+PHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmY7 ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlIiBkPSJNMTIu NSA5QTMuNSAzLjUgMCAwIDAgOSAxMi41YTMuNSAzLjUgMCAwIDAgMy41IDMuNSAz LjUgMy41IDAgMCAwIDMuNS0zLjVBMy41IDMuNSAwIDAgMCAxMi41IDl6bS0uNSAy aDF2MWgtMXptMCAyaDF2MmgtMXoiLz48cGF0aCBzdHlsZT0ib3BhY2l0eToxO3Zl Y3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tl Om5vbmU7c3Ryb2tlLXdpZHRoOjEuODg5NzY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7 c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tl LWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNp dHk6MSIgZD0iTTQgNy45OThjLTIuMjE2IDAtNCAxLjc4NC00IDRoMWMwLTEuNjYy IDEuMzM4LTMgMy0zaDRjLjQ3NyAwIC45MjIuMTIgMS4zMjIuMzE2YTQuNSA0LjUg MCAwIDEgLjg1Ni0uNjY4QTMuOTg1IDMuOTg1IDAgMCAwIDggNy45OThINHoiLz48 cGF0aCBzdHlsZT0iY29sb3I6IzAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZh cmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0OjQwMDtmb250LXN0cmV0Y2g6bm9ybWFs O2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpV YnVudHU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonVWJ1bnR1LCBOb3Jt YWwnO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1w b3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFy aWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3Jt YWw7Zm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDt0ZXh0LWluZGVudDowO3Rl eHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1kZWNvcmF0 aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1k ZWNvcmF0aW9uLWNvbG9yOiMwMDA7bGV0dGVyLXNwYWNpbmc6MDt3b3JkLXNwYWNp bmc6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJl Y3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxp bmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFy dDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpu b256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0 eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9k ZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9s YXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDtzb2xpZC1v cGFjaXR5OjE7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256 ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOmJ1 dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ry b2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9w YWNpdHk6MTtjb2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0 bztzaGFwZS1yZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJs ZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIGQ9Ik02IDBjLS40NiAwLS44OTcuMDg1 LTEuMjk5LjI1OGEyLjk4IDIuOTggMCAwIDAtMS4wNDcuNzE3TDMuNjUuOTc5IDMu NjQ4Ljk4YTMuMzI4IDMuMzI4IDAgMCAwLS42NjQgMS4xMiA0LjAxMiA0LjAxMiAw IDAgMC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40MS4xNTYuNDIyLjM3 OC43OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5NC4zMTEuNjQ2LjU1 NyAxLjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMkEzLjQxIDMuNDEgMCAwIDAgNiA3 Yy40NTkgMCAuODk0LS4wODEgMS4yOTUtLjI0NnYtLjAwMmEzLjAxNiAzLjAxNiAw IDAgMCAxLjAzMy0uNzMgMy4yNSAzLjI1IDAgMCAwIC42OC0xLjExYy4xNi0uNDI5 LjIzNC0uOTAzLjIzNC0xLjQxMmguMDA4YzAtLjUwMS0uMDc2LS45NjgtLjIzNC0x LjM5NkEzLjIzNCAzLjIzNCAwIDAgMCA4LjMzOC45OCAyLjg5NiAyLjg5NiAwIDAg MCA3LjMuMjYgMy4yNDIgMy4yNDIgMCAwIDAgNiAwem0tLjExMyAxLjA0Yy41NDIt LjA0MyAxLjExLjEwNSAxLjUxNy40NzYuNzY4LjYyNi45MzYgMS43MTYuNzQ4IDIu NjQyLS4xMjguODM5LS43ODcgMS42MDEtMS42MzIgMS43NjQtLjgyMy4xODgtMS43 NjctLjA2NC0yLjI2Mi0uNzgtLjUzLS42OTEtLjU1LTEuNjIxLS4zOTktMi40NDMu MjExLS45MiAxLjA1Ny0xLjY5OCAyLjAyOC0xLjY2eiIvPjwvc3ZnPg==') -store_icon = url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9y Zy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSAwQzUuODYxIDAgNC44OTYuNzQxIDQu NDQ1IDEuNDkyUzQgMyA0IDNoLS4wMDZjLTEuMjU4LjAxNS0yLjE3OS0uMDMtMi45 MzEuMzg1YTEuODggMS44OCAwIDAgMC0uODM4Ljk5OEMuMDYgNC44MiAwIDUuMzQz IDAgNnY3YzAgLjY1OC4wNiAxLjE3OS4yMjUgMS42MTcuMTY0LjQzOS40NjEuNzg5 LjgzOC45OTYuNzUyLjQxNS42NzMuMzcyIDEuOTMxLjM4N2g4LjAxMmMxLjI1OC0u MDE0IDIuMTc5LjAzIDIuOTMyLS4zODVhMS44OCAxLjg4IDAgMCAwIC44MzctLjk5 OGMuMTY1LS40MzguMjI1LS45Ni4yMjUtMS42MTdWNmMwLS42NTgtLjA2LTEuMTc5 LS4yMjUtMS42MTdhMS44NzUgMS44NzUgMCAwIDAtLjgzNy0uOTk2Yy0uNzUzLS40 MTUtMS42NzQtLjM3Mi0yLjkzMi0uMzg3SDExcy4wMDUtLjc1Ny0uNDQ1LTEuNTA4 QzEwLjEwNS43NDIgOS4xMzkgMCA3LjUgMHptMCAxYzEuMzYxIDAgMS44OTYuNTA5 IDIuMTk1IDEuMDA4LjMuNDk5LjMwNS45OTIuMzA1Ljk5Mkg1cy4wMDUtLjQ5My4z MDUtLjk5MkM1LjYwNCAxLjUwOCA2LjEzOSAxIDcuNSAxek00IDRoN2MxLjI1OS4w MTUgMi4wOS4wNiAyLjQ1NS4yNjIuMTg0LjEuMjg3LjIxMy4zODUuNDcyLjA5Ny4y Ni4xNi42NzQuMTYgMS4yNjZ2N2MwIC41OTItLjA2MyAxLjAwNi0uMTYgMS4yNjYt LjA5OC4yNi0uMjAxLjM3MS0uMzg1LjQ3Mi0uMzY2LjIwMi0xLjE5Ny4yNDctMi40 NTUuMjYySDRjLTEuMjU5LS4wMTUtMi4wOS0uMDYtMi40NTUtLjI2Mi0uMTg0LS4x LS4yODctLjIxMy0uMzg1LS40NzJDMS4wNjMgMTQuMDA2IDEgMTMuNTkyIDEgMTNW NmMwLS41OTIuMDYzLTEuMDA2LjE2LTEuMjY2LjA5OC0uMjYuMjAzLS4zNzEuMzg3 LS40NzJDMS45MTMgNC4wNiAyLjc0IDQuMDE1IDQgNHptMy41IDJBMS41IDEuNSAw IDAgMCA2IDcuNSAxLjUgMS41IDAgMCAwIDcuNSA5IDEuNSAxLjUgMCAwIDAgOSA3 LjUgMS41IDEuNSAwIDAgMCA3LjUgNnptLTMgNEExLjUgMS41IDAgMCAwIDMgMTEu NSAxLjUgMS41IDAgMCAwIDQuNSAxMyAxLjUgMS41IDAgMCAwIDYgMTEuNSAxLjUg MS41IDAgMCAwIDQuNSAxMHptNiAwQTEuNSAxLjUgMCAwIDAgOSAxMS41YTEuNSAx LjUgMCAwIDAgMS41IDEuNSAxLjUgMS41IDAgMCAwIDEuNS0xLjUgMS41IDEuNSAw IDAgMC0xLjUtMS41eiIgY29sb3I9IiMwMDAiIGZpbGw9IiNmZmYiIHN0eWxlPSJm b250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5h dGVzOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50 LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2Zv bnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7aXNvbGF0aW9uOmF1dG87bWl4LWJs ZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDt0ZXh0LWRlY29yYXRpb24t Y29sb3I6IzAwMDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3Jh dGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWluZGVudDowO3RleHQtb3JpZW50YXRpb246 bWl4ZWQ7dGV4dC10cmFuc2Zvcm06bm9uZTt3aGl0ZS1zcGFjZTpub3JtYWwiLz48 L3N2Zz4=') +icon_nav_community = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9Im9wYWNpdHk6MTt2ZWN0b3ItZWZm ZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0 cm9rZS13aWR0aDoxLjg4OTc2MzgzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9r ZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNo YXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEi IGQ9Ik04IDEyYy0yLjIxNiAwLTQgMS43ODQtNCA0aDFjMC0xLjY2MiAxLjMzOC0z IDMtM2g0YzEuNjYyIDAgMyAxLjMzOCAzIDNoMWMwLTIuMjE2LTEuNzg0LTQtNC00 eiIvPjxwYXRoIHN0eWxlPSJjb2xvcjojMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2Zv bnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6NDAwO2ZvbnQtc3RyZXRjaDpu b3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDoxMjUlO2ZvbnQtZmFt aWx5OlVidW50dTstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidVYnVudHUs IE5vcm1hbCc7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJp YW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9u dC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVz Om5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50 OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRl Y29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0 ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDtsZXR0ZXItc3BhY2luZzowO3dvcmQt c3BhY2luZzowO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRi O2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1i YXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9y OnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1y dWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNp YmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVu ZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50 ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwO3Nv bGlkLW9wYWNpdHk6MTtmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxl Om5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVj YXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6 NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJv a2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmlu ZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87 ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgZD0iTTEwIDQuMDAyYy0uNDYg MC0uODk3LjA4NS0xLjI5OS4yNThhMi45OCAyLjk4IDAgMCAwLTEuMDQ3LjcxN2wt LjAwNC4wMDQtLjAwMi4wMDJhMy4zMjggMy4zMjggMCAwIDAtLjY2NCAxLjExOSA0 LjAxMiA0LjAxMiAwIDAgMC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40 MS4xNTYuNDIyLjM3OC43OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5 NC4zMTEuNjQ2LjU1NyAxLjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMmMuNDAxLjE2 NS44MzkuMjQ2IDEuMjk3LjI0Ni40NTkgMCAuODk0LS4wODEgMS4yOTUtLjI0NnYt LjAwMmEzLjAxNiAzLjAxNiAwIDAgMCAxLjAzMy0uNzMgMy4yNSAzLjI1IDAgMCAw IC42OC0xLjExYy4xNi0uNDI5LjIzNC0uOTAzLjIzNC0xLjQxMmguMDA4YzAtLjUw MS0uMDc2LS45NjgtLjIzNC0xLjM5NmEzLjIzNCAzLjIzNCAwIDAgMC0uNjc4LTEu MTIzIDIuODk2IDIuODk2IDAgMCAwLTEuMDM5LS43MkEzLjI0MiAzLjI0MiAwIDAg MCAxMCA0LjAwMnptLS4xMTMgMS4wNGMuNTQyLS4wNDMgMS4xMS4xMDUgMS41MTcu NDc2Ljc2OC42MjYuOTM2IDEuNzE2Ljc0OCAyLjY0Mi0uMTI4LjgzOS0uNzg3IDEu NjAxLTEuNjMyIDEuNzY0LS44MjMuMTg4LTEuNzY3LS4wNjQtMi4yNjItLjc4LS41 My0uNjkxLS41NS0xLjYyMS0uMzk5LTIuNDQzLjIxMS0uOTIgMS4wNTctMS42OTgg Mi4wMjgtMS42NnoiLz48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0 eTouNTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eTox O3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjg4OTc2MzgzO3N0cm9rZS1saW5l Y2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1p dDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0 cm9rZS1vcGFjaXR5OjEiIGQ9Ik02IDEuMDAyYy0uNDYgMC0uODk3LjA4NS0xLjI5 OS4yNThhMi45OCAyLjk4IDAgMCAwLTEuMDQ3LjcxN2wtLjAwNC4wMDQtLjAwMi4w MDJhMy4zMjggMy4zMjggMCAwIDAtLjY2NCAxLjExOSA0LjAxMiA0LjAxMiAwIDAg MC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40MS4xNTYuNDIyLjM3OC43 OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5NC4zMTEuNjQ2LjU1NyAx LjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMmMuMzM0LjEzNy42OTcuMjA0IDEuMDcz LjIyN2E0LjQ4OCA0LjQ4OCAwIDAgMSAuMDEtMS4wMThjLS42LS4wNS0xLjE3Ny0u MzEzLTEuNTI4LS44Mi0uNTMtLjY5Mi0uNTUtMS42MjItLjM5OC0yLjQ0My4yMS0u OTIgMS4wNTYtMS42OTggMi4wMjctMS42Ni41NDItLjA0MyAxLjExLjEwNSAxLjUx Ny40NzYuMzIuMjYxLjUzMS42MDUuNjYuOTgyLjMwNC0uMTY1LjYyNC0uMjkyLjk1 Ni0uMzc3bC0uMDA0LS4wMTdhMy4yMzQgMy4yMzQgMCAwIDAtLjY3OC0xLjEyMyAy Ljg5NiAyLjg5NiAwIDAgMC0xLjA0LS43MkEzLjI0MiAzLjI0MiAwIDAgMCA2IDEu MDAyek00IDljLTIuMjE2IDAtNCAxLjc4NC00IDR2MWgxdi0xYzAtMS42NjIgMS4z MzgtMyAzLTNoMi40N2E0LjYxIDQuNjEgMCAwIDEtLjQ3Mi0xeiIvPjwvc3ZnPg==') +icon_nav_console = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBk PSJNNDc1Ljk5NCAxNjJjLTEuMjU4LjAxNS0yLjE3OS0uMDMtMi45MzEuMzg1YTEu ODggMS44OCAwIDAgMC0uODM4Ljk5OGMtLjE2NS40MzgtLjIyNS45Ni0uMjI1IDEu NjE3djdjMCAuNjU4LjA2IDEuMTc5LjIyNSAxLjYxNy4xNjQuNDM5LjQ2MS43OS44 MzguOTk4Ljc1Mi40MTYgMS42NzMuMzcgMi45MzEuMzg1aDguMDEyYzEuMjU4LS4w MTUgMi4xNzkuMDMgMi45MzItLjM4NWExLjg4IDEuODggMCAwIDAgLjgzOC0uOTk4 Yy4xNjQtLjQzOC4yMjQtLjk2LjIyNC0xLjYxN3YtN2MwLS42NTgtLjA2LTEuMTc5 LS4yMjUtMS42MTdhMS44OCAxLjg4IDAgMCAwLS44MzctLjk5OGMtLjc1My0uNDE2 LTEuNjc0LS4zNy0yLjkzMi0uMzg1aC04LjAwOHptMi45MDMgMS4wOTJhMzQ2LjE5 IDM0Ni4xOSAwIDAgMSA1LjI0Ni4wMjFjLjg2LjE0NyAyLjE2LS4zNDEgMi42NzMu NjY4LjI1NiAyLjkyNC4wNyA1Ljg4Mi4xMyA4LjgxOS0uMDg4LjM4LS4xODUgMS4x NDMtLjczMSAxLjEyOS0zLjUzNy4yMzUtNy4wOTIuMTA4LTEwLjYzNS4xMzQtLjc4 Ni0uMTEyLTIgLjI5LTIuNDA0LS42OTEtLjE3LTIuNDY2LS4wODktNC45NS0uMDkt Ny40MzYuMTIyLS44NC0uMjk2LTIuMDY0LjY4OC0yLjUxMSAxLjY4OS0uMjEyIDMu NDA4LS4wNzggNS4xMjMtLjEzM3ptLTMuNDE1IDEuODg3YS41LjUgMCAwIDAtLjI3 My45MDRsMS40NjcgMS4xLTEuNDY3IDEuMDk5Yy0uNTM0LjQwMS4wNjggMS4yMDIu NjAyLjhsMi0xLjVhLjUuNSAwIDAgMCAwLS44bC0yLTEuNWEuNTAyLjUwMiAwIDAg MC0uMzI5LS4xMDN6bTIuNTI4IDQuMDAzdjFoM3YtMXoiIHN0eWxlPSJjb2xvcjoj MDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13 ZWlnaHQ6NDAwO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTts aW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZh cmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9y bWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJp Yzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVh dHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0 YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5v bmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1j b2xvcjojMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9y bWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVj dGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGlu ZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0 O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5v bnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5 OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2Rl Om5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xh dGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwO3NvbGlkLW9w YWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0 eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDox LjAwMDAwMDEyO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1p dGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0 cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTttYXJrZXI6bm9uZTtj b2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0bztzaGFwZS1y ZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJsZS1iYWNrZ3Jv dW5kOmFjY3VtdWxhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIgLTE2MCki Lz48L2c+PC9zdmc+') +icon_nav_library = url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3Lncz Lm9yZy8yMDAwL3N2ZyI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBk PSJNNTE1LjgwNSA0ODdjLS41MzcgMC0uODA1IDAtLjgwNS42MjV2Ljc1YzAgLjYy NS4yNjguNjI1LjgwNS42MjVoLjM5Yy41MzcgMCAuODA1IDAgLjgwNS0uNjI1di0u NzVjMC0uNjAzLS4yNjgtLjYyNS0uODA1LS42MjV6bTQgMGMtLjUzNyAwLS44MDUg MC0uODA1LjYyNXYuNzVjMCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzljLjUzNyAw IC44MDUgMCAuODA1LS42MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44MDUtLjYy NXptNCAwYy0uNTM3IDAtLjgwNSAwLS44MDUuNjI1di43NWMwIC42MjUuMjY4LjYy NS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAwIC44MDUtLjYyNXYtLjc1YzAtLjYw My0uMjY4LS42MjUtLjgwNS0uNjI1em0tOCA0Yy0uNTM3IDAtLjgwNSAwLS44MDUu NjI1di43NWMwIC42MjUuMjY4LjYyNS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAw IC44MDUtLjYyNXYtLjc1YzAtLjYwMy0uMjY4LS42MjUtLjgwNS0uNjI1em00IDBj LS41MzcgMC0uODA1IDAtLjgwNS42MjV2Ljc1YzAgLjYyNS4yNjguNjI1LjgwNS42 MjVoLjM5Yy41MzcgMCAuODA1IDAgLjgwNS0uNjI1di0uNzVjMC0uNjAzLS4yNjgt LjYyNS0uODA1LS42MjV6bTQgMGMtLjUzNyAwLS44MDUgMC0uODA1LjYyNXYuNzVj MCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzljLjUzNyAwIC44MDUgMCAuODA1LS42 MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44MDUtLjYyNXptLTggNGMtLjUzNyAw LS44MDUgMC0uODA1LjYyNXYuNzVjMCAuNjI1LjI2OC42MjUuODA1LjYyNWguMzlj LjUzNyAwIC44MDUgMCAuODA1LS42MjV2LS43NWMwLS42MDMtLjI2OC0uNjI1LS44 MDUtLjYyNXptNCAwYy0uNTM3IDAtLjgwNSAwLS44MDUuNjI1di43NWMwIC42MjUu MjY4LjYyNS44MDUuNjI1aC4zOWMuNTM3IDAgLjgwNSAwIC44MDUtLjYyNXYtLjc1 YzAtLjYwMy0uMjY4LS42MjUtLjgwNS0uNjI1em00IDBjLS41MzcgMC0uODA1IDAt LjgwNS42MjV2Ljc1YzAgLjYyNS4yNjguNjI1LjgwNS42MjVoLjM5Yy41MzcgMCAu ODA1IDAgLjgwNS0uNjI1di0uNzVjMC0uNjAzLS4yNjgtLjYyNS0uODA1LS42MjV6 IiBzdHlsZT0iY29sb3I6IzAwMDtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNp YmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7ZmlsbDojZmZmO2ZpbGwt b3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13 aWR0aDoxMDttYXJrZXI6bm9uZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRl IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTEyIC00ODQpIi8+PC9nPjwvc3ZnPg==') +icon_nav_profile = url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0i MTYiIHdpZHRoPSIxNiI+PHBhdGggc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmY7 ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlIiBkPSJNMTIu NSA5QTMuNSAzLjUgMCAwIDAgOSAxMi41YTMuNSAzLjUgMCAwIDAgMy41IDMuNSAz LjUgMy41IDAgMCAwIDMuNS0zLjVBMy41IDMuNSAwIDAgMCAxMi41IDl6bS0uNSAy aDF2MWgtMXptMCAyaDF2MmgtMXoiLz48cGF0aCBzdHlsZT0ib3BhY2l0eToxO3Zl Y3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tl Om5vbmU7c3Ryb2tlLXdpZHRoOjEuODg5NzY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7 c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tl LWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNp dHk6MSIgZD0iTTQgNy45OThjLTIuMjE2IDAtNCAxLjc4NC00IDRoMWMwLTEuNjYy IDEuMzM4LTMgMy0zaDRjLjQ3NyAwIC45MjIuMTIgMS4zMjIuMzE2YTQuNSA0LjUg MCAwIDEgLjg1Ni0uNjY4QTMuOTg1IDMuOTg1IDAgMCAwIDggNy45OThINHoiLz48 cGF0aCBzdHlsZT0iY29sb3I6IzAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZh cmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0OjQwMDtmb250LXN0cmV0Y2g6bm9ybWFs O2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpV YnVudHU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonVWJ1bnR1LCBOb3Jt YWwnO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1w b3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFy aWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3Jt YWw7Zm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDt0ZXh0LWluZGVudDowO3Rl eHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1kZWNvcmF0 aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1k ZWNvcmF0aW9uLWNvbG9yOiMwMDA7bGV0dGVyLXNwYWNpbmc6MDt3b3JkLXNwYWNp bmc6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJl Y3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxp bmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFy dDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpu b256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0 eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9k ZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9s YXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDtzb2xpZC1v cGFjaXR5OjE7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256 ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOmJ1 dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ry b2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9w YWNpdHk6MTtjb2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0 bztzaGFwZS1yZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJs ZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIGQ9Ik02IDBjLS40NiAwLS44OTcuMDg1 LTEuMjk5LjI1OGEyLjk4IDIuOTggMCAwIDAtMS4wNDcuNzE3TDMuNjUuOTc5IDMu NjQ4Ljk4YTMuMzI4IDMuMzI4IDAgMCAwLS42NjQgMS4xMiA0LjAxMiA0LjAxMiAw IDAgMC0uMjM0IDEuNGMwIC41MDkuMDc1Ljk4MS4yMzQgMS40MS4xNTYuNDIyLjM3 OC43OTUuNjY0IDEuMTA4bC4wMDIuMDAyLjAwNC4wMDJjLjI5NC4zMTEuNjQ2LjU1 NyAxLjA0My43MjhsLjAwMi4wMDIuMDA0LjAwMkEzLjQxIDMuNDEgMCAwIDAgNiA3 Yy40NTkgMCAuODk0LS4wODEgMS4yOTUtLjI0NnYtLjAwMmEzLjAxNiAzLjAxNiAw IDAgMCAxLjAzMy0uNzMgMy4yNSAzLjI1IDAgMCAwIC42OC0xLjExYy4xNi0uNDI5 LjIzNC0uOTAzLjIzNC0xLjQxMmguMDA4YzAtLjUwMS0uMDc2LS45NjgtLjIzNC0x LjM5NkEzLjIzNCAzLjIzNCAwIDAgMCA4LjMzOC45OCAyLjg5NiAyLjg5NiAwIDAg MCA3LjMuMjYgMy4yNDIgMy4yNDIgMCAwIDAgNiAwem0tLjExMyAxLjA0Yy41NDIt LjA0MyAxLjExLjEwNSAxLjUxNy40NzYuNzY4LjYyNi45MzYgMS43MTYuNzQ4IDIu NjQyLS4xMjguODM5LS43ODcgMS42MDEtMS42MzIgMS43NjQtLjgyMy4xODgtMS43 NjctLjA2NC0yLjI2Mi0uNzgtLjUzLS42OTEtLjU1LTEuNjIxLS4zOTktMi40NDMu MjExLS45MiAxLjA1Ny0xLjY5OCAyLjAyOC0xLjY2eiIvPjwvc3ZnPg==') +icon_nav_store = url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9y Zy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSAwQzUuODYxIDAgNC44OTYuNzQxIDQu NDQ1IDEuNDkyUzQgMyA0IDNoLS4wMDZjLTEuMjU4LjAxNS0yLjE3OS0uMDMtMi45 MzEuMzg1YTEuODggMS44OCAwIDAgMC0uODM4Ljk5OEMuMDYgNC44MiAwIDUuMzQz IDAgNnY3YzAgLjY1OC4wNiAxLjE3OS4yMjUgMS42MTcuMTY0LjQzOS40NjEuNzg5 LjgzOC45OTYuNzUyLjQxNS42NzMuMzcyIDEuOTMxLjM4N2g4LjAxMmMxLjI1OC0u MDE0IDIuMTc5LjAzIDIuOTMyLS4zODVhMS44OCAxLjg4IDAgMCAwIC44MzctLjk5 OGMuMTY1LS40MzguMjI1LS45Ni4yMjUtMS42MTdWNmMwLS42NTgtLjA2LTEuMTc5 LS4yMjUtMS42MTdhMS44NzUgMS44NzUgMCAwIDAtLjgzNy0uOTk2Yy0uNzUzLS40 MTUtMS42NzQtLjM3Mi0yLjkzMi0uMzg3SDExcy4wMDUtLjc1Ny0uNDQ1LTEuNTA4 QzEwLjEwNS43NDIgOS4xMzkgMCA3LjUgMHptMCAxYzEuMzYxIDAgMS44OTYuNTA5 IDIuMTk1IDEuMDA4LjMuNDk5LjMwNS45OTIuMzA1Ljk5Mkg1cy4wMDUtLjQ5My4z MDUtLjk5MkM1LjYwNCAxLjUwOCA2LjEzOSAxIDcuNSAxek00IDRoN2MxLjI1OS4w MTUgMi4wOS4wNiAyLjQ1NS4yNjIuMTg0LjEuMjg3LjIxMy4zODUuNDcyLjA5Ny4y Ni4xNi42NzQuMTYgMS4yNjZ2N2MwIC41OTItLjA2MyAxLjAwNi0uMTYgMS4yNjYt LjA5OC4yNi0uMjAxLjM3MS0uMzg1LjQ3Mi0uMzY2LjIwMi0xLjE5Ny4yNDctMi40 NTUuMjYySDRjLTEuMjU5LS4wMTUtMi4wOS0uMDYtMi40NTUtLjI2Mi0uMTg0LS4x LS4yODctLjIxMy0uMzg1LS40NzJDMS4wNjMgMTQuMDA2IDEgMTMuNTkyIDEgMTNW NmMwLS41OTIuMDYzLTEuMDA2LjE2LTEuMjY2LjA5OC0uMjYuMjAzLS4zNzEuMzg3 LS40NzJDMS45MTMgNC4wNiAyLjc0IDQuMDE1IDQgNHptMy41IDJBMS41IDEuNSAw IDAgMCA2IDcuNSAxLjUgMS41IDAgMCAwIDcuNSA5IDEuNSAxLjUgMCAwIDAgOSA3 LjUgMS41IDEuNSAwIDAgMCA3LjUgNnptLTMgNEExLjUgMS41IDAgMCAwIDMgMTEu NSAxLjUgMS41IDAgMCAwIDQuNSAxMyAxLjUgMS41IDAgMCAwIDYgMTEuNSAxLjUg MS41IDAgMCAwIDQuNSAxMHptNiAwQTEuNSAxLjUgMCAwIDAgOSAxMS41YTEuNSAx LjUgMCAwIDAgMS41IDEuNSAxLjUgMS41IDAgMCAwIDEuNS0xLjUgMS41IDEuNSAw IDAgMC0xLjUtMS41eiIgY29sb3I9IiMwMDAiIGZpbGw9IiNmZmYiIHN0eWxlPSJm b250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5h dGVzOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50 LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2Zv bnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7aXNvbGF0aW9uOmF1dG87bWl4LWJs ZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDt0ZXh0LWRlY29yYXRpb24t Y29sb3I6IzAwMDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3Jh dGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWluZGVudDowO3RleHQtb3JpZW50YXRpb246 bWl4ZWQ7dGV4dC10cmFuc2Zvcm06bm9uZTt3aGl0ZS1zcGFjZTpub3JtYWwiLz48 L3N2Zz4=') diff --git a/install.py b/install.py index a6c249e3..93f3174a 100755 --- a/install.py +++ b/install.py @@ -74,10 +74,13 @@ LIBRARY_BASE_FILES = [ # Web webthemedir / "base/_root.css", + webthemedir / "base/_localization.css", webthemedir / "base/scrollbars.css", - # Header/Footer - webthemedir / "base/top_bar.css", - webthemedir / "base/bottom_bar.css", + # Main window + webthemedir / "base/main_window/headerbar/headerbar.css", + webthemedir / "base/main_window/headerbar/buttons.css", + webthemedir / "base/main_window/headerbar/navigation.css", + webthemedir / "base/main_window/headerbar/menu.css", # In-Game Overlay webthemedir / "base/game_overlay.css", # Notifications @@ -97,11 +100,14 @@ LIBRARY_FULL_FILES = [ # Web webthemedir / "base/_root.css", + webthemedir / "base/_localization.css", webthemedir / "base/scrollbars.css", webthemedir / "full/chat.css", - # Header/Footer - webthemedir / "base/top_bar.css", - webthemedir / "base/bottom_bar.css", + # Main window + webthemedir / "base/main_window/headerbar/headerbar.css", + webthemedir / "base/main_window/headerbar/buttons.css", + webthemedir / "base/main_window/headerbar/navigation.css", + webthemedir / "base/main_window/headerbar/menu.css", # In-Game Overlay webthemedir / "base/game_overlay.css", # Notifications diff --git a/web/base/_localization.css b/web/base/_localization.css new file mode 100644 index 00000000..fa1b14b6 --- /dev/null +++ b/web/base/_localization.css @@ -0,0 +1,10 @@ +:root +{ + --string_nav_profile: "Profile"; +} + +:root:lang(ru) +{ + --string_nav_profile: "Профиль"; +} + diff --git a/web/base/_root.css b/web/base/_root.css index 83ce504b..065c7e9f 100644 --- a/web/base/_root.css +++ b/web/base/_root.css @@ -35,7 +35,7 @@ --error_fg: var(--fg); /* Fonts */ - --basefont: "Cantarell"; + --basefont: "Cantarell", "Noto Sans", "Motiva Sans", Arial, Helvetica, sans-serif; --basesize: 15px; --baseweight: normal; @@ -139,7 +139,8 @@ --window_bg: var(--bg); --window_fg: var(--fg); - --window_radius: calc(var(--button_radius) + 6px); + --window_radius: 12px; + --window_outline: rgba(255, 255, 255, 0.25); --view_bg: #1e1e1e; --view_fg: var(--fg); @@ -148,7 +149,14 @@ --headerbar_fg: var(--fg); --headerbar_border: var(--fg); --headerbar_backdrop: var(--bg); - --headerbar_shade: rgba(0, 0, 0, 0.38); + --headerbar_shade: rgba(0, 0, 0, 0.64); + + --headerbar_button_fg: var(--headerbar_fg); + --headerbar_button_bg_hover: rgba(255, 255, 255, .07); + --headerbar_button_bg_active: rgba(255, 255, 255, .16); + --headerbar_button_bg_checked: rgba(255, 255, 255, .1); + --headerbar_button_bg_checked_hover: rgba(255, 255, 255, .13); + --headerbar_button_bg_checked_active: rgba(255, 255, 255, .19); --popover_bg: #383838; --popover_fg: var(--fg); @@ -169,12 +177,32 @@ --scrollbar_hover: rgba(255, 255, 255, 0.4); --scrollbar_active: rgba(255, 255, 255, 0.6); - /* Icons */ - --store_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg color='%23bebebe' fill='%23474747'%3E%3Cpath d='M12 1c1.662 0 3 1.338 3 3v6c0 1.662-1.338 3-3 3H4c-1.662 0-3-1.338-3-3V4c0-1.662 1.338-3 3-3zm0 2H4c-.554 0-1 .446-1 1v6c0 .554.446 1 1 1h8c.554 0 1-.446 1-1V4c0-.554-.446-1-1-1zM8 14c-5 0-5 1-5 1 0 1 1 1 1 1h8c1 0 1-1 1-1s0-1-5-1z' style='marker:none' overflow='visible'/%3E%3Cpath d='M4.5 5S4 5 4 5.5v4c0 .5.5.5.5.5h4c.5 0 .5-.5.5-.5v-4C9 5 8.563 5 8.5 5zM5 6.998h3v2H5zM10.5 4s-.5 0-.5.5v.984s0 .5.5.5l1 .001s.5 0 .5-.5v-.984s0-.5-.5-.5z' style='marker:none' overflow='visible'/%3E%3C/g%3E%3C/svg%3E"); - --library_icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='16px' viewBox='0 0 16 16' width='16px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 2 1 c -0.554688 0 -1 0.445312 -1 1 v 4 c 0 0.554688 0.445312 1 1 1 h 4 c 0.554688 0 1 -0.445312 1 -1 v -4 c 0 -0.554688 -0.445312 -1 -1 -1 z m 8 0 c -0.554688 0 -1 0.445312 -1 1 v 4 c 0 0.554688 0.445312 1 1 1 h 4 c 0.554688 0 1 -0.445312 1 -1 v -4 c 0 -0.554688 -0.445312 -1 -1 -1 z m -8 8 c -0.554688 0 -1 0.445312 -1 1 v 4 c 0 0.554688 0.445312 1 1 1 h 4 c 0.554688 0 1 -0.445312 1 -1 v -4 c 0 -0.554688 -0.445312 -1 -1 -1 z m 8 0 c -0.554688 0 -1 0.445312 -1 1 v 4 c 0 0.554688 0.445312 1 1 1 h 4 c 0.554688 0 1 -0.445312 1 -1 v -4 c 0 -0.554688 -0.445312 -1 -1 -1 z m 0 0' fill='currentColor'/%3E%3C/svg%3E"); - --community_icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='16px' viewBox='0 0 16 16' width='16px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232e3436'%3E%3Cpath d='m 13.5 6.5 c 0 1.378906 -1.121094 2.5 -2.5 2.5 c -1.382812 0 -2.5 -1.121094 -2.5 -2.5 c 0 -1.382812 1.117188 -2.5 2.5 -2.5 c 1.378906 0 2.5 1.117188 2.5 2.5 z m 0 0'/%3E%3Cpath d='m 7.5 3.5 c 0 1.378906 -1.121094 2.5 -2.5 2.5 s -2.5 -1.121094 -2.5 -2.5 s 1.121094 -2.5 2.5 -2.5 s 2.5 1.121094 2.5 2.5 z m 0 0'/%3E%3Cpath d='m 3 7 c -1.660156 0 -3 1.339844 -3 3 v 2 c 0 0.554688 0.445312 1 1 1 h 4.074219 c 0 -2.042969 1.582031 -3.734375 3.582031 -3.90625 c -0.589844 -0.535156 -0.984375 -1.257812 -1.109375 -2.042969 c -0.175781 -0.03125 -0.359375 -0.050781 -0.546875 -0.050781 z m 6 3.925781 c -1.167969 0 -2.078125 0.90625 -2.078125 2.074219 h 2.078125 c 0.554688 0 1 -0.445312 1 -1 v -1.074219 z m 0 0'/%3E%3Cpath d='m 9 10 c -1.664062 0 -3 1.335938 -3 3 v 2 c 0 0.554688 0.445312 1 1 1 h 8 c 0.554688 0 1 -0.445312 1 -1 v -2 c 0 -1.664062 -1.339844 -3 -3 -3 z m 0 0'/%3E%3C/g%3E%3C/svg%3E%0A"); - --profile_icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='16px' viewBox='0 0 16 16' width='16px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 8 1 c -1.65625 0 -3 1.34375 -3 3 s 1.34375 3 3 3 s 3 -1.34375 3 -3 s -1.34375 -3 -3 -3 z m -1.5 7 c -2.492188 0 -4.5 2.007812 -4.5 4.5 v 0.5 c 0 1.109375 0.890625 2 2 2 h 8 c 1.109375 0 2 -0.890625 2 -2 v -0.5 c 0 -2.492188 -2.007812 -4.5 -4.5 -4.5 z m 0 0' fill='%232e3436'/%3E%3C/svg%3E%0A"); - --console_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg color='%23bebebe' fill='%23474747'%3E%3Cpath d='M2.2 0C.993 0 0 1.007 0 2.209v10.582C0 13.993.994 15 2.2 15h11.6c1.206 0 2.2-1.007 2.2-2.209V2.209C16 1.007 15.006 0 13.8 0zm0 2h11.6c.124 0 .2.071.2.209v10.582c0 .138-.076.209-.2.209H2.2c-.124 0-.2-.071-.2-.209V2.209C2 2.071 2.076 2 2.2 2z' style='line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none' font-weight='400' font-family='sans-serif' overflow='visible'/%3E%3Cpath d='M4.494 5.895a.6.6 0 00-.418 1.029L5.652 8.5l-1.576 1.576a.6.6 0 10.848.848l2-2a.6.6 0 000-.848l-2-2a.6.6 0 00-.43-.181z' style='line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none' font-weight='400' font-family='sans-serif' overflow='visible'/%3E%3Cpath d='M8 10h3v1H8z' style='marker:none' overflow='visible'/%3E%3C/g%3E%3C/svg%3E"); + --profile_offline: rgba(255, 255, 255, 0.5); + --profile_online: rgba(120, 174, 237, 0.5); + --profile_ingame: rgba(143, 240, 164, 0.5); + --banner_bg: #29415e; + --banner_fg: #ffffff; + + /* Icons */ + --icon_nav_store: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDEgNCB2IDggYyAwIDEuMTA5Mzc1IDAuODkwNjI1IDIgMiAyIGggMTAgYyAxLjEwOTM3NSAwIDIgLTAuODkwNjI1IDIgLTIgdiAtOCB6IG0gNyAxLjc1IGMgMC42OTE0MDYgMCAxLjI1IDAuNTU4NTk0IDEuMjUgMS4yNSBzIC0wLjU1ODU5NCAxLjI1IC0xLjI1IDEuMjUgcyAtMS4yNSAtMC41NTg1OTQgLTEuMjUgLTEuMjUgcyAwLjU1ODU5NCAtMS4yNSAxLjI1IC0xLjI1IHogbSAtMiAzIGMgMC42OTE0MDYgMCAxLjI1IDAuNTU4NTk0IDEuMjUgMS4yNSBzIC0wLjU1ODU5NCAxLjI1IC0xLjI1IDEuMjUgcyAtMS4yNSAtMC41NTg1OTQgLTEuMjUgLTEuMjUgcyAwLjU1ODU5NCAtMS4yNSAxLjI1IC0xLjI1IHogbSA0IDAgYyAwLjY5MTQwNiAwIDEuMjUgMC41NTg1OTQgMS4yNSAxLjI1IHMgLTAuNTU4NTk0IDEuMjUgLTEuMjUgMS4yNSBzIC0xLjI1IC0wLjU1ODU5NCAtMS4yNSAtMS4yNSBzIDAuNTU4NTk0IC0xLjI1IDEuMjUgLTEuMjUgeiBtIDAgMCIvPgogICAgPHBhdGggZD0ibSA2IDEgbCAtMSAxIHYgMyBoIDIgdiAtMyBoIDIgdiAzIGggMiB2IC0zIGwgLTEgLTEgeiBtIDAgMCIvPgo8L3N2Zz4K'); + --icon_nav_library: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAzIDEgYyAtMS4wODk4NDQgMCAtMiAwLjkxMDE1NiAtMiAyIHYgMiBjIDAgMS4wODk4NDQgMC45MTAxNTYgMiAyIDIgaCAyIGMgMS4wODk4NDQgMCAyIC0wLjkxMDE1NiAyIC0yIHYgLTIgYyAwIC0xLjA4OTg0NCAtMC45MTAxNTYgLTIgLTIgLTIgeiBtIDggMCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAyIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDIgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMiBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gLTggOCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAyIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDIgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMiBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gOCAwIGMgLTEuMDg5ODQ0IDAgLTIgMC45MTAxNTYgLTIgMiB2IDIgYyAwIDEuMDg5ODQ0IDAuOTEwMTU2IDIgMiAyIGggMiBjIDEuMDg5ODQ0IDAgMiAtMC45MTAxNTYgMiAtMiB2IC0yIGMgMCAtMS4wODk4NDQgLTAuOTEwMTU2IC0yIC0yIC0yIHogbSAwIDAiLz48L3N2Zz4K'); + --icon_nav_community: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA1IDEgYyAtMS4zNzg5MDYgMCAtMi41IDEuMTIxMDk0IC0yLjUgMi41IGMgMCAxLjM4MjgxMiAxLjEyMTA5NCAyLjUgMi41IDIuNSBjIDEuMzgyODEyIDAgMi41IC0xLjExNzE4OCAyLjUgLTIuNSBjIDAgLTEuMzc4OTA2IC0xLjExNzE4OCAtMi41IC0yLjUgLTIuNSB6IG0gNiAzIGMgLTEuMzc4OTA2IDAgLTIuNSAxLjEyMTA5NCAtMi41IDIuNSBjIDAgMS4zODI4MTIgMS4xMjEwOTQgMi41IDIuNSAyLjUgYyAxLjM4MjgxMiAwIDIuNSAtMS4xMTcxODggMi41IC0yLjUgYyAwIC0xLjM3ODkwNiAtMS4xMTcxODggLTIuNSAtMi41IC0yLjUgeiBtIC04IDMgYyAtMS42NjAxNTYgMCAtMyAxLjMzOTg0NCAtMyAzIHYgMiBjIDAgMC41NTQ2ODggMC40NDUzMTIgMSAxIDEgaCA0LjA3ODEyNSBjIDAgLTIuMDQyOTY5IDEuNTgyMDMxIC0zLjczNDM3NSAzLjU3ODEyNSAtMy45MDYyNSBjIC0wLjU4OTg0NCAtMC41MzUxNTYgLTAuOTgwNDY5IC0xLjI1NzgxMiAtMS4xMDkzNzUgLTIuMDQyOTY5IGMgLTAuMTc1NzgxIC0wLjAzMTI1IC0wLjM1OTM3NSAtMC4wNTA3ODEgLTAuNTQ2ODc1IC0wLjA1MDc4MSB6IG0gNiAzIGMgLTEuNjYwMTU2IDAgLTMgMS4zMzk4NDQgLTMgMyB2IDIgYyAwIDAuNTU0Njg4IDAuNDQ1MzEyIDEgMSAxIGggOCBjIDAuNTU0Njg4IDAgMSAtMC40NDUzMTIgMSAtMSB2IC0yIGMgMCAtMS42NjAxNTYgLTEuMzM1OTM4IC0zIC0zIC0zIHogbSAwIDAiLz48L3N2Zz4K'); + --icon_nav_profile: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA4IDEgYyAtMS42NTYyNSAwIC0zIDEuMzQzNzUgLTMgMyBzIDEuMzQzNzUgMyAzIDMgcyAzIC0xLjM0Mzc1IDMgLTMgcyAtMS4zNDM3NSAtMyAtMyAtMyB6IG0gLTEuNSA3IGMgLTIuNDkyMTg4IDAgLTQuNSAyLjAwNzgxMiAtNC41IDQuNSB2IDEuNSBjIDAgMSAxIDEgMSAxIGggMTAgcyAxIDAgMSAtMSB2IC0xLjUgYyAwIC0yLjQ5MjE4OCAtMi4wMDc4MTIgLTQuNSAtNC41IC00LjUgeiBtIDAgMCIvPjwvc3ZnPgo='); + --icon_nav_console: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAyLjE5OTIxOSAwIGMgLTEuMjA3MDMxIDAgLTIuMTk5MjE5IDEuMDA3ODEyIC0yLjE5OTIxOSAyLjIwNzAzMSB2IDEwLjU4NTkzOCBjIDAgMS4xOTkyMTkgMC45OTIxODggMi4yMDcwMzEgMi4xOTkyMTkgMi4yMDcwMzEgaCAxMS42MDE1NjIgYyAxLjIwNzAzMSAwIDIuMTk5MjE5IC0xLjAwNzgxMiAyLjE5OTIxOSAtMi4yMDcwMzEgdiAtMTAuNTg1OTM4IGMgMCAtMS4xOTkyMTkgLTAuOTkyMTg4IC0yLjIwNzAzMSAtMi4xOTkyMTkgLTIuMjA3MDMxIHogbSAwIDIgaCAxMS42MDE1NjIgYyAwLjEyMTA5NCAwIDAuMTk5MjE5IDAuMDcwMzEyIDAuMTk5MjE5IDAuMjA3MDMxIHYgMTAuNTg1OTM4IGMgMCAwLjEzNjcxOSAtMC4wNzgxMjUgMC4yMDcwMzEgLTAuMTk5MjE5IDAuMjA3MDMxIGggLTExLjYwMTU2MiBjIC0wLjEyMTA5NCAwIC0wLjE5OTIxOSAtMC4wNzAzMTIgLTAuMTk5MjE5IC0wLjIwNzAzMSB2IC0xMC41ODU5MzggYyAwIC0wLjEzNjcxOSAwLjA3ODEyNSAtMC4yMDcwMzEgMC4xOTkyMTkgLTAuMjA3MDMxIHogbSAwIDAiLz48cGF0aCBkPSJtIDQuNTE1NjI1IDUuODk4NDM4IGMgLTAuMTY0MDYzIC0wLjAwMzkwNyAtMC4zMjQyMTkgMC4wNjI1IC0wLjQ0MTQwNiAwLjE3NTc4MSBjIC0wLjIzMDQ2OSAwLjIzNDM3NSAtMC4yMzA0NjkgMC42MTcxODcgMCAwLjg1MTU2MiBsIDEuNTc4MTI1IDEuNTc0MjE5IGwgLTEuNTc4MTI1IDEuNTc0MjE5IGMgLTAuMjMwNDY5IDAuMjM0Mzc1IC0wLjIzMDQ2OSAwLjYxNzE4NyAwIDAuODUxNTYyIGMgMC4yMzQzNzUgMC4yMzA0NjkgMC42MTcxODcgMC4yMzA0NjkgMC44NTE1NjIgMCBsIDIgLTIgYyAwLjIzMDQ2OSAtMC4yMzQzNzUgMC4yMzA0NjkgLTAuNjE3MTg3IDAgLTAuODUxNTYyIGwgLTIgLTIgYyAtMC4xMDkzNzUgLTAuMTA1NDY5IC0wLjI1NzgxMiAtMC4xNjc5NjkgLTAuNDEwMTU2IC0wLjE3NTc4MSB6IG0gMy40ODQzNzUgNC4xMDE1NjIgdiAxIGggMyB2IC0xIHogbSAwIDAiLz48L3N2Zz4K'); + + --icon_nav_forward: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDQgMiBjIDAgLTAuMjY1NjI1IDAuMTA1NDY5IC0wLjUxOTUzMSAwLjI5Mjk2OSAtMC43MDcwMzEgYyAwLjM5MDYyNSAtMC4zOTA2MjUgMS4wMjM0MzcgLTAuMzkwNjI1IDEuNDE0MDYyIDAgbCA2IDYgYyAwLjE4NzUgMC4xODc1IDAuMjkyOTY5IDAuNDQxNDA2IDAuMjkyOTY5IDAuNzA3MDMxIHMgLTAuMTA1NDY5IDAuNTE5NTMxIC0wLjI5Mjk2OSAwLjcwNzAzMSBsIC02IDYgYyAtMC4zOTA2MjUgMC4zOTA2MjUgLTEuMDIzNDM3IDAuMzkwNjI1IC0xLjQxNDA2MiAwIGMgLTAuMTg3NSAtMC4xODc1IC0wLjI5Mjk2OSAtMC40NDE0MDYgLTAuMjkyOTY5IC0wLjcwNzAzMSBzIDAuMTA1NDY5IC0wLjUxOTUzMSAwLjI5Mjk2OSAtMC43MDcwMzEgbCA1LjI5Mjk2OSAtNS4yOTI5NjkgbCAtNS4yOTI5NjkgLTUuMjkyOTY5IGMgLTAuMTg3NSAtMC4xODc1IC0wLjI5Mjk2OSAtMC40NDE0MDYgLTAuMjkyOTY5IC0wLjcwNzAzMSB6IG0gMCAwIi8+Cjwvc3ZnPgo='); + --icon_nav_forward_path: path('m 4 2 c 0 -0.265625 0.105469 -0.519531 0.292969 -0.707031 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 l 6 6 c 0.1875 0.1875 0.292969 0.441406 0.292969 0.707031 s -0.105469 0.519531 -0.292969 0.707031 l -6 6 c -0.390625 0.390625 -1.023437 0.390625 -1.414062 0 c -0.1875 -0.1875 -0.292969 -0.441406 -0.292969 -0.707031 s 0.105469 -0.519531 0.292969 -0.707031 l 5.292969 -5.292969 l -5.292969 -5.292969 c -0.1875 -0.1875 -0.292969 -0.441406 -0.292969 -0.707031 z m 0 0'); + --icon_nav_refresh: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA2LjcxODc1IDIgYyAtMC4xOTE0MDYgMC4wMDc4MTIgLTAuMzcxMDk0IDAuMDM1MTU2IC0wLjU2MjUgMC4wNjI1IGMgLTEuNTIzNDM4IDAuMjE4NzUgLTIuOTc2NTYyIDEuMDIzNDM4IC0zLjk2ODc1IDIuMzQzNzUgYyAtMS45ODA0NjkgMi42NDA2MjUgLTEuNDIxODc1IDYuNDI1NzgxIDEuMjE4NzUgOC40MDYyNSBzIDYuNDI1NzgxIDEuNDIxODc1IDguNDA2MjUgLTEuMjE4NzUgYyAwLjEyMTA5NCAtMC4xNzE4NzUgMC4xODc1IC0wLjM4MjgxMiAwLjE4NzUgLTAuNTkzNzUgdiAtMSBoIC0xIGMgLTAuMzEyNSAwIC0wLjYyNSAwLjE1MjM0NCAtMC44MTI1IDAuNDA2MjUgYyAtMS4zMzIwMzEgMS43NzczNDQgLTMuODE2NDA2IDIuMTEzMjgxIC01LjU5Mzc1IDAuNzgxMjUgcyAtMi4xMTMyODEgLTMuODE2NDA2IC0wLjc4MTI1IC01LjU5Mzc1IHMgMy44MTY0MDYgLTIuMTEzMjgxIDUuNTkzNzUgLTAuNzgxMjUgYyAwLjQyOTY4OCAwLjMyMDMxMiAwLjc2OTUzMSAwLjczNDM3NSAxLjAzMTI1IDEuMTg3NSBoIC0xLjQzNzUgYyAtMC41NTA3ODEgMCAtMSAwLjQ0OTIxOSAtMSAxIHYgMSBoIDYgdiAtNiBoIC0xIGMgLTAuNTUwNzgxIDAgLTEgMC40NDkyMTkgLTEgMSB2IDEuNjg3NSBjIC0wLjM4MjgxMiAtMC41NzgxMjUgLTAuODQ3NjU2IC0xLjA4MjAzMSAtMS40MDYyNSAtMS41IGMgLTEuMTU2MjUgLTAuODY3MTg4IC0yLjUzMTI1IC0xLjI1MzkwNiAtMy44NzUgLTEuMTg3NSB6IG0gMCAwIi8+PC9zdmc+Cg=='); + --icon_nav_refresh_path: path('m 6.71875 2 c -0.191406 0.007812 -0.371094 0.035156 -0.5625 0.0625 c -1.523438 0.21875 -2.976562 1.023438 -3.96875 2.34375 c -1.980469 2.640625 -1.421875 6.425781 1.21875 8.40625 s 6.425781 1.421875 8.40625 -1.21875 c 0.121094 -0.171875 0.1875 -0.382812 0.1875 -0.59375 v -1 h -1 c -0.3125 0 -0.625 0.152344 -0.8125 0.40625 c -1.332031 1.777344 -3.816406 2.113281 -5.59375 0.78125 s -2.113281 -3.816406 -0.78125 -5.59375 s 3.816406 -2.113281 5.59375 -0.78125 c 0.429688 0.320312 0.769531 0.734375 1.03125 1.1875 h -1.4375 c -0.550781 0 -1 0.449219 -1 1 v 1 h 6 v -6 h -1 c -0.550781 0 -1 0.449219 -1 1 v 1.6875 c -0.382812 -0.578125 -0.847656 -1.082031 -1.40625 -1.5 c -1.15625 -0.867188 -2.53125 -1.253906 -3.875 -1.1875 z m 0 0'); + + --icon_menu_main: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDEgMiBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICA8cGF0aCBkPSJtIDEgNyBoIDE0IHYgMiBoIC0xNCB6IG0gMCAwIi8+CiAgICA8cGF0aCBkPSJtIDEgMTIgaCAxNCB2IDIgaCAtMTQgeiBtIDAgMCIvPgo8L3N2Zz4K'); + --icon_menu_view: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxLjM4NjcxOSAxIGMgLTAuMjE0ODQ0IDAgLTAuMzg2NzE5IDAuMTY3OTY5IC0wLjM4NjcxOSAwLjM3ODkwNiB2IDMuMjQyMTg4IGMgMCAwLjIxMDkzNyAwLjE3MTg3NSAwLjM3ODkwNiAwLjM4NjcxOSAwLjM3ODkwNiBoIDMuMjMwNDY5IGMgMC4yMTA5MzcgMCAwLjM4MjgxMiAtMC4xNjc5NjkgMC4zODI4MTIgLTAuMzc4OTA2IHYgLTMuMjQyMTg4IGMgMCAtMC4yMTA5MzcgLTAuMTcxODc1IC0wLjM3ODkwNiAtMC4zODI4MTIgLTAuMzc4OTA2IHogbSA1LjYxMzI4MSAxIHYgMiBoIDggdiAtMiB6IG0gLTUuNjEzMjgxIDQuMDE1NjI1IGMgLTAuMjE0ODQ0IDAgLTAuMzg2NzE5IDAuMTY3OTY5IC0wLjM4NjcxOSAwLjM3ODkwNiB2IDMuMjE4NzUgYyAwIDAuMjEwOTM4IDAuMTcxODc1IDAuMzc4OTA3IDAuMzg2NzE5IDAuMzc4OTA3IGggMy4yMzA0NjkgYyAwLjIxMDkzNyAwIDAuMzgyODEyIC0wLjE2Nzk2OSAwLjM4MjgxMiAtMC4zNzg5MDcgdiAtMy4yMTg3NSBjIDAgLTAuMjEwOTM3IC0wLjE3MTg3NSAtMC4zNzg5MDYgLTAuMzgyODEyIC0wLjM3ODkwNiB6IG0gNS42MTMyODEgMC45ODQzNzUgdiAyIGggOCB2IC0yIHogbSAtNS42MTMyODEgNCBjIC0wLjIxNDg0NCAwIC0wLjM4NjcxOSAwLjE2Nzk2OSAtMC4zODY3MTkgMC4zNzg5MDYgdiAzLjIyMjY1NiBjIDAgMC4yMDcwMzIgMC4xNzE4NzUgMC4zNzg5MDcgMC4zODY3MTkgMC4zNzg5MDcgaCAzLjIzMDQ2OSBjIDAuMjEwOTM3IDAgMC4zODI4MTIgLTAuMTcxODc1IDAuMzgyODEyIC0wLjM3ODkwNyB2IC0zLjIyMjY1NiBjIDAgLTAuMjEwOTM3IC0wLjE3MTg3NSAtMC4zNzg5MDYgLTAuMzgyODEyIC0wLjM3ODkwNiB6IG0gNS42MTMyODEgMC45ODQzNzUgdiAyIGggOCB2IC0yIHogbSAwIDAiLz48L3N2Zz4K'); + --icon_menu_friends: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA1IDEgYyAtMS4zNzg5MDYgMCAtMi41IDEuMTIxMDk0IC0yLjUgMi41IGMgMCAxLjM4MjgxMiAxLjEyMTA5NCAyLjUgMi41IDIuNSBjIDEuMzgyODEyIDAgMi41IC0xLjExNzE4OCAyLjUgLTIuNSBjIDAgLTEuMzc4OTA2IC0xLjExNzE4OCAtMi41IC0yLjUgLTIuNSB6IG0gNiAzIGMgLTEuMzc4OTA2IDAgLTIuNSAxLjEyMTA5NCAtMi41IDIuNSBjIDAgMS4zODI4MTIgMS4xMjEwOTQgMi41IDIuNSAyLjUgYyAxLjM4MjgxMiAwIDIuNSAtMS4xMTcxODggMi41IC0yLjUgYyAwIC0xLjM3ODkwNiAtMS4xMTcxODggLTIuNSAtMi41IC0yLjUgeiBtIC04IDMgYyAtMS42NjAxNTYgMCAtMyAxLjMzOTg0NCAtMyAzIHYgMiBjIDAgMC41NTQ2ODggMC40NDUzMTIgMSAxIDEgaCA0LjA3ODEyNSBjIDAgLTIuMDQyOTY5IDEuNTgyMDMxIC0zLjczNDM3NSAzLjU3ODEyNSAtMy45MDYyNSBjIC0wLjU4OTg0NCAtMC41MzUxNTYgLTAuOTgwNDY5IC0xLjI1NzgxMiAtMS4xMDkzNzUgLTIuMDQyOTY5IGMgLTAuMTc1NzgxIC0wLjAzMTI1IC0wLjM1OTM3NSAtMC4wNTA3ODEgLTAuNTQ2ODc1IC0wLjA1MDc4MSB6IG0gNiAzIGMgLTEuNjYwMTU2IDAgLTMgMS4zMzk4NDQgLTMgMyB2IDIgYyAwIDAuNTU0Njg4IDAuNDQ1MzEyIDEgMSAxIGggOCBjIDAuNTU0Njg4IDAgMSAtMC40NDUzMTIgMSAtMSB2IC0yIGMgMCAtMS42NjAxNTYgLTEuMzM1OTM4IC0zIC0zIC0zIHogbSAwIDAiLz48L3N2Zz4K'); + --icon_menu_games: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaGVpZ2h0PSIxNnB4IgogICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgIHdpZHRoPSIxNnB4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNTU3MiIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTU1NzYiIC8+CiAgPGcKICAgICBpZD0ic3VyZmFjZTEwNTk1OSIKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjE0MzgwOTgsMCwwLDEuMTQzODA5OCwtMS4xNTcxNTE4LC0wLjU4ODkyOTE3KSIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgZD0iTSAzLDIuMDA3ODEyIEMgMi40Njg3NSwyLjAwMzkwNiAxLjk2MDkzOCwyLjIxNDg0NCAxLjU4OTg0NCwyLjU5Mzc1IGMgLTAuMzc1LDAuMzc1IC0wLjU4MjAzMiwwLjg4MjgxMiAtMC41NzgxMjUsMS40MTQwNjIgbCAwLjAwMzkxLDcuNTUwNzgyIGMgMC4wMTU2MjUsMS41MzkwNjIgMi4xNjAxNTYsMi4wMTU2MjUgMi44NDc2NTYsMC42MzY3MTggbCAxLjA4NTkzOCwtMi4xNzU3ODEgaCA2LjE3OTY4NyBsIDEuMDg1OTM4LDIuMTc1NzgxIGMgMC42ODc1LDEuMzc4OTA3IDIuNzY1NjI1LDAuOTAyMzQ0IDIuNzg1MTU2LC0wLjYzNjcxOCBsIC0wLjAxOTUzLC03LjU1MDc4MiBjIDAsLTEuMTA5Mzc0IC0wLjg5MDYyNSwtMiAtMiwtMiB6IG0gMSwxLjAxMTcxOSBoIDIgdiAyIGggMiB2IDIgSCA2IHYgMiBIIDQgdiAtMiBIIDIgdiAtMiBoIDIgeiBtIDYuNDkyMTg4LDAuNTI3MzQ0IGMgMC41NTQ2ODcsMCAxLDAuNDQ5MjE5IDEsMSAwLDAuNTU0Njg3IC0wLjQ0NTMxMywxIC0xLDEgLTAuNTUwNzgyLDAgLTEsLTAuNDQ1MzEzIC0xLC0xIDAsLTAuNTUwNzgxIDAuNDQ5MjE4LC0xIDEsLTEgeiBtIDIsMyBjIDAuNTU0Njg3LDAgMSwwLjQ0OTIxOSAxLDEgMCwwLjU1NDY4NyAtMC40NDUzMTMsMSAtMSwxIC0wLjU1MDc4MiwwIC0xLC0wLjQ0NTMxMyAtMSwtMSAwLC0wLjU1MDc4MSAwLjQ0OTIxOCwtMSAxLC0xIHogbSAwLDAiCiAgICAgICBpZD0icGF0aDIiIC8+CiAgPC9nPgo8L3N2Zz4K'); + --icon_menu_help: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTA2IDFBNy4wMDIgNy4wMDIgMCAwIDAgMSA4YzAgMy44NjcgMy4xMzMgNyA3IDdzNy0zLjEzMyA3LTctMy4xMzMtNy03LTdoLS4wOTR6TTcuNSA0aDFjLjI3NyAwIC41LjIyMy41LjV2MWMwIC4yNzctLjIyMy41LS41LjVoLTFhLjQ5OC40OTggMCAwIDEtLjUtLjV2LTFjMC0uMjc3LjIyMy0uNS41LS41ek03IDdoMnY1SDd6bTAgMCIvPjwvc3ZnPgo='); + + --icon_downloads: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDggMCBjIC0wLjU1MDc4MSAwIC0xIDAuNDQ5MjE5IC0xIDEgdiA4LjU4NTkzOCBsIC0yLjI5Mjk2OSAtMi4yOTI5NjkgYyAtMC4xODc1IC0wLjE4NzUgLTAuNDQxNDA2IC0wLjI5Mjk2OSAtMC43MDcwMzEgLTAuMjkyOTY5IHMgLTAuNTE5NTMxIDAuMTA1NDY5IC0wLjcwNzAzMSAwLjI5Mjk2OSBjIC0wLjM5MDYyNSAwLjM5MDYyNSAtMC4zOTA2MjUgMS4wMjM0MzcgMCAxLjQxNDA2MiBsIDQgNCBjIDAuMzkwNjI1IDAuMzkwNjI1IDEuMDIzNDM3IDAuMzkwNjI1IDEuNDE0MDYyIDAgbCA0IC00IGMgMC4zOTA2MjUgLTAuMzkwNjI1IDAuMzkwNjI1IC0xLjAyMzQzNyAwIC0xLjQxNDA2MiBzIC0xLjAyMzQzNyAtMC4zOTA2MjUgLTEuNDE0MDYyIDAgbCAtMi4yOTI5NjkgMi4yOTI5NjkgdiAtOC41ODU5MzggYyAwIC0wLjU1MDc4MSAtMC40NDkyMTkgLTEgLTEgLTEgeiBtIC02IDE0IHYgMiBoIDEyIHYgLTIgeiBtIDAgMCIgLz4KPC9zdmc+Cg=='); + --icon_chats: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAxNCAzLjE3NTc4MSB2IDMuODI0MjE5IGMgMCAyLjE3OTY4OCAtMS44MjAzMTIgNCAtNCA0IGggLTMuNTg1OTM4IGwgLTIgMiBoIDUuNTg1OTM4IGwgMyAzIHYgLTMgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNCBjIDAgLTEuMjkyOTY5IC0wLjgzOTg0NCAtMi40MDYyNSAtMiAtMi44MjQyMTkgeiBtIDAgMCIgZmlsbC1vcGFjaXR5PSIwLjM0OTAyIi8+PHBhdGggZD0ibSAzIDAgYyAtMS42NDQ1MzEgMCAtMyAxLjM1NTQ2OSAtMyAzIHYgNCBjIDAgMS42NDQ1MzEgMS4zNTU0NjkgMyAzIDMgdiAzIGwgMyAtMyBoIDQgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtNCBjIDAgLTEuNjQ0NTMxIC0xLjM1NTQ2OSAtMyAtMyAtMyB6IG0gMCAyIGggNyBjIDAuNTcwMzEyIDAgMSAwLjQyOTY4OCAxIDEgdiA0IGMgMCAwLjU3MDMxMiAtMC40Mjk2ODggMSAtMSAxIGggLTcgYyAtMC41NzAzMTIgMCAtMSAtMC40Mjk2ODggLTEgLTEgdiAtNCBjIDAgLTAuNTcwMzEyIDAuNDI5Njg4IC0xIDEgLTEgeiBtIDAgMCIvPjxwYXRoIGQ9Im0gMyAzIGggNyB2IDEgaCAtNyB6IG0gMCAwIi8+PHBhdGggZD0ibSAzIDUgaCA0IHYgMSBoIC00IHogbSAwIDAiLz48L3N2Zz4K'); } diff --git a/web/base/bottom_bar.css b/web/base/bottom_bar.css deleted file mode 100644 index ff6a529e..00000000 --- a/web/base/bottom_bar.css +++ /dev/null @@ -1,93 +0,0 @@ -/* ------------------ */ -/* --- Bottom Bar --- */ -/* ------------------ */ -/* Entire Bottom Bar */ -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 -{ - background: var(--headerbar_bg) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_BottomBar_"] -{ - background: var(--headerbar_bg) !important; - flex: 0 0 44px !important; -} - -/* Buttons */ -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_AddGameButton"], -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton"], -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] -{ - border-radius: var(--button_radius) !important; - line-height: var(--button_min_height) !important; - min-height: var(--button_min_height) !important; - padding: var(--button_padding) !important; - transition: var(--focus_transition) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_AddGameButton"]:hover, -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton"]:hover, -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_AddGameButton"] div, -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton"] div, -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] div -{ - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; -} - -/* Download */ -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_ProgressBar_"] -{ - --color-progress-bar-background: var(--card_bg) !important; - --color-progress-bar-foreground: var(--accent) !important; - border-radius: var(--card_radius) !important; -} - -/* Update Check */ -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[style*="height:68px"], -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_ActionAlert_"] -{ - height: 44px !important; - min-height: 44px !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_Alert_"] -{ - background: var(--headerbar_bg) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_PrimaryMessage_"] -{ - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--title_3_size) !important; - font-weight: var(--title_3_weight) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_AlertButton_"] -{ - background: var(--button_bg) !important; - border-radius: var(--button_radius) !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; - line-height: var(--button_min_height) !important; - min-height: var(--button_min_height) !important; - padding: var(--button_padding) !important; - transition: var(--focus_transition) !important; -} - -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_AlertButton_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} diff --git a/web/base/main_window/headerbar/buttons.css b/web/base/main_window/headerbar/buttons.css new file mode 100644 index 00000000..3d7c5144 --- /dev/null +++ b/web/base/main_window/headerbar/buttons.css @@ -0,0 +1,258 @@ +/* --- Right Side --- */ +/* Profile, Notifications, etc */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_TitleBarControls_"] +{ + margin: 0 !important; + z-index: 1 !important; + margin-right: 114px !important; /* Space for menu, downloads, chat buttons */ +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_Button_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"], +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"], +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] +{ + -webkit-app-region: no-drag; + cursor: default !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + min-width: 34px !important; + min-height: 34px !important; + max-width: 34px !important; + max-height: 34px !important; + padding: 0 !important; + margin: 0 !important; + margin-right: 6px !important; + background: transparent !important; + border-radius: var(--button_radius) !important; + color: var(--headerbar_button_fg) !important; + font-family: var(--basefont) !important; + font-size: var(--button_font_size) !important; + font-weight: var(--button_font_weight) !important; + line-height: var(--button_min_height) !important; + transition: var(--focus_transition) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_Button_"]:hover, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"]:hover, +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"]:hover, +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"]:hover +{ + background: var(--headerbar_button_bg_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_Button_"]:active, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"]:active, +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"]:active, +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"]:active +{ + background: var(--headerbar_button_bg_active) !important; +} + +/* Account Button */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] img.avatar +{ + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + border-radius: 50% !important; + overflow: hidden !important; + transform: none !important; + box-shadow: none !important; + border: none !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] img.avatar +{ + width: 32px !important; + height: 32px !important; + padding: 0 !important; + margin: 0 !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] +{ + border-radius: 50% !important; + border: 2px var(--profile_offline) solid !important; + transition: border-color 0.25s; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"].online +{ + border-color: var(--profile_online) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"].online.awayOrSnooze +{ + border-style: dashed !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"].ingame +{ + border-color: var(--profile_ingame) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] div.avatarStatus, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] + div, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="titlebarcontrols_WalletBalance_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] svg[class*="titlebarcontrols_Chevron_"] +{ + display: none !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationButtonContainer_"] +{ + margin-right: 0px !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationsButton_"] svg +{ + color: var(--fg) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"] +{ + color: var(--accent) !important; +} + +/* Friends */ +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"] +{ + -webkit-app-region: no-drag; + padding: 9px !important; + margin: 0 !important; + position: absolute !important; + right: 90px !important; + top: 7px !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"] > div +{ + display: none !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_FriendsButton_"]::before +{ + background-color: var(--fg); + content: ""; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--icon_chats); +} + +/* Downloads */ +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatus_"] +{ + -webkit-app-region: no-drag; + display: block !important; + padding: 0 !important; + margin: 0 !important; + position: absolute !important; + right: 130px !important; + top: 7px !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] +{ + position: relative !important; + display: block !important; + margin: 0 !important; + overflow: hidden !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div, +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] div[class*="bottombar_IconBevel_"], +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] div[class*="bottombar_StatusLine_"] +{ + display: none !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"]::before +{ + background-color: var(--fg); + content: ""; + position: absolute; + width: 16px; + height: 16px; + top: 9px; + left: 9px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--icon_downloads); +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] +{ + display: block !important; + box-shadow: none !important; + width: 34px !important; + height: 34px !important; + border-radius: var(--button_radius) !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] > div[class*="bottombar_Icon_"] +{ + display: block !important; + width: 32px !important; + height: 32px !important; + border: 1px transparent solid; + border-radius: var(--button_radius) !important; + box-shadow: none !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] > div[class*="bottombar_Icon_"] img +{ + border-radius: var(--button_radius) !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] > div[class*="bottombar_ProgressBarWrapper_"] +{ + width: 32px !important; + height: 3px !important; + position: absolute !important; + bottom: 1px !important; + left: 1px !important; + border-radius: 0 !important; +} + + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] > div[class*="bottombar_ProgressBarWrapper_"] > div[class*="bottombar_ProgressBar_"] +{ + --color-progress-bar-background: transparent !important; + --color-progress-bar-foreground: var(--accent) !important; +} + +/** +
+
+
+ 7 Days to Die +
+
+
+
+
+
Downloading 1 of 2
+
16%
+
+
+
+
+*/ + +/* Hidden buttons */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AnnouncementsButton"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_GamepadUIToggle_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_VRToggle_"] +{ + display: none !important; +} + diff --git a/web/base/main_window/headerbar/headerbar.css b/web/base/main_window/headerbar/headerbar.css new file mode 100644 index 00000000..9777a15e --- /dev/null +++ b/web/base/main_window/headerbar/headerbar.css @@ -0,0 +1,289 @@ +/* --------------- */ +/* --- Top Bar --- */ +/* --------------- */ + +/* --- Rounded Window Corners --- */ +body.DesktopUI div[class*="steamdesktop_Wrapper_"] +{ + border-radius: var(--window_radius) !important; + border: 1px var(--window_outline) solid !important; + box-shadow: 0 0 0 1px var(--window_outline), 0 0 0 1px var(--window_outline) inset !important; + overflow: hidden !important; +} + +body.DesktopUI div[class*="steamdesktop_Wrapper_"].Maximized +{ + border-radius: 0 !important; + border: 1px transparent solid !important; + box-shadow: none !important; +} + +/* --- Entire Top Bar --- */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ +{ + height: 46px !important; + background: var(--headerbar_bg) !important; + box-shadow: inset 0 -1px var(--headerbar_shade); + order: 1 !important; +} + +/* Title Bar */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_TitleBar_"] +{ + height: 46px !important; +} + +/* Focus Bar */ +#SteamDesktop .steamdesktop_Wrapper_1ENHE > div[class*="steamdesktop_FocusBar_"] +{ + background: none !important; +} + +/* URL Bar placeholder */ +#SteamDesktop .steamdesktop_LocalContentContainer_RGNMW > div[class*="steamdesktop_URLBarReplacement_"] +{ + display: none !important; + height: 0 !important; + min-height: 0 !important; + max-height: 0 !important; +} + +/* URL Bar (refresh button only) */ +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] +{ + background: transparent !important; + box-shadow: none !important; + border: none !important; + padding: 0 !important; + position: absolute !important; + top: 7px !important; + left: 86px !important; + width: 34px !important; + height: 34px !important; +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] div[class*="steamdesktop_ReloadButton_"] +{ + -webkit-app-region: no-drag; + cursor: default !important; + border-radius: var(--button_radius) !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + padding: 9px !important; + transition: var(--focus_transition); +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] div[class*="steamdesktop_ReloadButton_"] > svg +{ + display: none !important; +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] div[class*="steamdesktop_ReloadButton_"]::before +{ + background-color: var(--headerbar_button_fg); + content: ""; + display: block; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--icon_nav_refresh); +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] div[class*="steamdesktop_ReloadButton_"]:hover +{ + background: var(--headerbar_button_bg_hover) !important; +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] div[class*="steamdesktop_ReloadButton_"]:active +{ + background: var(--headerbar_button_bg_active) !important; +} + +#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBarText_"] +{ + display: none !important; +} + +/* Content frame - enable overflow to make the refresh button visible */ +#SteamDesktop div[class*="steamdesktop_ContentFrame_"] +{ + overflow: visible !important; + position: initial !important; + order: 3 !important; +} + +/* --- Context Menu --- */ +body.ContextMenuPopupBody.DesktopUI +{ + background: none !important; + overflow: hidden !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="contextmenu_contextMenu_"] +{ + border-radius: var(--menu_radius) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuPopup_"] +{ + background: var(--popover_bg) !important; + border: none !important; + border-radius: var(--menu_radius) !important; + color: var(--fg) !important; + font-family: var(--basefont) !important; + font-weight: var(--baseweight) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuItem_"] +{ + border-radius: var(--menu_radius) !important; + color: var(--fg) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuItem_"]:hover +{ + background: var(--button_hover_bg) !important; + border-radius: var(--menu_radius) !important; + color: var(--fg) !important; +} + +body.ContextMenuPopupBody.DesktopUI hr[class*="menu_Separator_"] +{ + border-color: var(--bg) !important; +} + +/* Notification Menu */ +body.ContextMenuPopupBody.DesktopUI div[class*="titlebarcontrols_NotificationsMenu_"] +{ + padding-bottom: 10px !important; + box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05) !important; +} + +body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"], +body.DesktopUI div[class*="standardtemplates_StandardTemplateDesktop_"], +body.ContextMenuPopupBody.DesktopUI div[class*="standardtemplates_PinnedTemplateDesktop_"] +{ + background: var(--button_bg) !important; + border-radius: var(--button_radius) !important; + border: none !important; + color: var(--fg) !important; + font-family: var(--basefont) !important; + font-size: var(--button_font_size) !important; + font-weight: var(--button_font_weight) !important; + padding: var(--button_padding) !important; + transition: var(--focus_transition) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="standardtemplates_PinnedBody_"] +{ + color: var(--fg) !important; + font-family: var(--basefont) !important; + font-size: var(--button_font_size) !important; + font-weight: var(--button_font_weight) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="titlebarcontrols_EmptyNotificationsBody_"] +{ + color: var(--entry_subtitle_fg) !important; + font-family: var(--basefont) !important; + font-size: var(--entry_subtitle_font_size) !important; + font-weight: var(--entry_subtitle_font_weight) !important; +} + +body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"]:hover +{ + background: var(--button_hover_bg) !important; + border-radius: var(--button_radius) !important; +} + +body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"]:active +{ + background: var(--button_active_bg) !important; + border-radius: var(--button_radius) !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="steamtemplates_NewIndicator_"] +{ + filter: none !important; +} + +body.ContextMenuPopupBody.DesktopUI div[class*="steamtemplates_NewIndicator_"] svg +{ + color: var(--accent) !important; +} + +/* Remove bottom bar, keep some buttons and update banner */ + +/* Entire Bottom Bar */ +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 +{ + display: block !important; + background: var(--headerbar_bg) !important; + order: 2 !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_BottomBar_"] +{ + height: 0 !important; + overflow: hidden !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_AddGameButton_"] +{ + display: none !important; +} + +/* Update Check */ +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[style*="height:68px"], +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_ActionAlert_"] +{ + height: 46px !important; + min-height: 46px !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_Alert_"] +{ + background: var(--banner_bg) !important; + color: var(--banner_fg) !important; + box-shadow: inset 0 -1px var(--headerbar_shade); + border-radius: 0 !important; + height: 46px !important; + min-height: 46px !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_PrimaryMessage_"] +{ + color: var(--fg) !important; + font-family: var(--basefont) !important; + font-size: var(--title_3_size) !important; + font-weight: var(--title_3_weight) !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_AlertButton_"] +{ + background: var(--button_bg) !important; + border-radius: var(--button_radius) !important; + color: var(--fg) !important; + font-family: var(--basefont) !important; + font-size: var(--button_font_size) !important; + font-weight: var(--button_font_weight) !important; + line-height: var(--button_min_height) !important; + min-height: var(--button_min_height) !important; + padding: var(--button_padding) !important; + transition: var(--focus_transition) !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="updatealert_AlertButton_"]:hover +{ + background: var(--button_hover_bg) !important; + border-radius: var(--button_radius) !important; +} + +#SteamDesktop .bottombar_BottomBarContainer_1_yS5 div[class*="bottombar_BottomBar_"] div.window_resize_grip +{ + opacity: 0 !important; +} + diff --git a/web/base/main_window/headerbar/menu.css b/web/base/main_window/headerbar/menu.css new file mode 100644 index 00000000..2af0f62b --- /dev/null +++ b/web/base/main_window/headerbar/menu.css @@ -0,0 +1,106 @@ +/* Menu Bar */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_RootMenuBar_"] +{ + -webkit-app-region: no-drag; + padding: 0 !important; + margin: 0 !important; + gap: 6px !important; + z-index: 10 !important; + flex-direction: row-reverse !important; + justify-content: end !important; + position: absolute !important; + right: 50px !important; + top: 7px !important; + height: 34px !important; + border-radius: var(--button_radius) !important; + background: var(--headerbar_bg) !important; +} + +/* Menu item */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"] +{ + -webkit-app-region: no-drag; + cursor: default !important; + border-radius: var(--button_radius) !important; + width: 34px !important; + height: 34px !important; + padding: 9px !important; + transition: var(--focus_transition); + display: none !important; + color: var(--headerbar_button_fg) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_RootMenuBar_"]:hover div[class*="rootmenu_RootMenuButton_"], +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:first-child, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"][class*="menu_MenuOpen_"] +{ + display: block !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"] > div +{ + display: none !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:hover +{ + background: var(--headerbar_button_bg_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:active +{ + background: var(--headerbar_button_bg_active) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"][class*="menu_MenuOpen_"] +{ + background: var(--headerbar_button_bg_checked) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"][class*="menu_MenuOpen_"]:hover +{ + background: var(--headerbar_button_bg_checked_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"][class*="menu_MenuOpen_"]:active +{ + background: var(--headerbar_button_bg_checked_active) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]::before +{ + background-color: var(--headerbar_button_fg); + content: ""; + display: block; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:nth-child(1)::before +{ + -webkit-mask-image: var(--icon_menu_main); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:nth-child(2)::before +{ + -webkit-mask-image: var(--icon_menu_view); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:nth-child(3)::before +{ + -webkit-mask-image: var(--icon_menu_friends); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:nth-child(4)::before +{ + -webkit-mask-image: var(--icon_menu_games); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:nth-child(5)::before +{ + -webkit-mask-image: var(--icon_menu_help); +} + diff --git a/web/base/main_window/headerbar/navigation.css b/web/base/main_window/headerbar/navigation.css new file mode 100644 index 00000000..7098d4cc --- /dev/null +++ b/web/base/main_window/headerbar/navigation.css @@ -0,0 +1,224 @@ +/* Navigation */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_SuperNavBar_"] +{ + -webkit-app-region: inherit !important; + position: relative !important; + box-sizing: border-box !important; + top: -47px !important; + height: 46px !important; + min-height: 46px !important; + padding: 0 !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] +{ + display: flex !important; + align-content: center !important; + justify-content: center !important; + box-sizing: border-box !important; + height: 46px !important; + gap: 3px !important; +} + +/* Navigation button wrapper */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"] +{ + box-sizing: border-box !important; + height: 34px !important; + padding: 0 !important; +} + + +/* Back and Forward buttons */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"] +{ + position: absolute !important; + top: 7px !important; + left: 6px !important; + -webkit-app-region: no-drag; + cursor: default !important; + border-radius: var(--button_radius) !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + padding: 9px !important; + transition: var(--focus_transition); + color: var(--headerbar_button_fg) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"]:nth-child(2) +{ + left: 46px !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"] > path +{ + d: var(--icon_nav_forward_path) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"][class*="supernav_Disabled_"] +{ + filter: opacity(0.5) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"]:not([class*="supernav_Disabled_"]):hover +{ + background: var(--headerbar_button_bg_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"]:not([class*="supernav_Disabled_"]):active +{ + background: var(--headerbar_button_bg_active) !important; +} + +/* Navigation menu buttons */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"] +{ + -webkit-app-region: no-drag !important; + cursor: default !important; + border-radius: var(--button_radius) !important; + color: var(--headerbar_button_fg) !important; + font-family: var(--basefont) !important; + font-size: var(--button_font_size) !important; + font-weight: var(--button_font_weight) !important; + line-height: 24px !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + text-transform: none !important; + transition: var(--focus_transition) !important; + white-space: nowrap !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; + box-sizing: border-box !important; + width: 120px !important; + height: 34px !important; + padding: 12px 2px !important; + gap: 6px !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"]:hover, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="menu_MenuOpen_"] div[class*="supernav_MenuButton_"] +{ + background: var(--headerbar_button_bg_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"]:active +{ + background: var(--headerbar_button_bg_active) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"] +{ + background: var(--headerbar_button_bg_checked) !important; + text-shadow: none !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"]:hover, +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"][class*="menu_MenuOpen_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"] +{ + background: var(--headerbar_button_bg_checked_hover) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"]:active +{ + background: var(--headerbar_button_bg_checked_active) !important; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"]::after +{ + display: none !important; + background: none !important; + height: 0px !important; +} + +/* Navigation Icon Hackery */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(n+3):nth-child(-n+7) > div::before +{ + background-color: var(--fg); + content: ""; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(3) > div::before +{ + -webkit-mask-image: var(--icon_nav_store); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(4) > div::before +{ + -webkit-mask-image: var(--icon_nav_library); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(5) > div::before +{ + -webkit-mask-image: var(--icon_nav_community); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(6) > div::before +{ + -webkit-mask-image: var(--icon_nav_profile); +} + +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(7) > div::before +{ + -webkit-mask-image: var(--icon_nav_console); +} + +/* Profile button text */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(6) > div > span +{ + text-indent: -9999px !important; + line-height: 0 !important; +} + +/* Profile button fake text */ +#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(6) > div > span::after +{ + content: var(--string_nav_profile) !important; + text-indent: 0 !important; + display: block !important; + line-height: 24px !important; +} + +/* Small window width - make buttons compact */ +@media (max-width: 1400px) +{ + /* Compact navigation button wrapper */ + #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"] + { + height: 40px !important; + } + + /* Compact navigation buttons */ + #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"] + { + flex-direction: column !important; + width: 90px !important; + height: 40px !important; + padding: 2px 0 !important; + gap: 2px !important; + font-size: 11px !important; + line-height: 14px !important; + } + + /* Profile button fake text */ + #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(6) > div > span::after + { + line-height: 14px !important; + } +} + +/* Smaller window width - hide console button if it's visible */ +@media (max-width: 1200px) +{ + #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(7) + { + display: none !important; + } +} + diff --git a/web/base/top_bar.css b/web/base/top_bar.css deleted file mode 100644 index e7357c92..00000000 --- a/web/base/top_bar.css +++ /dev/null @@ -1,457 +0,0 @@ -/* --------------- */ -/* --- Top Bar --- */ -/* --------------- */ -/* --- Rounded Window Corners --- */ -body.DesktopUI -{ - border-radius: var(--window_radius) !important; -} - -body.DesktopUI .steamdesktop_Wrapper_1ENHE -{ - border: none !important; -} - -/* --- Entire Top Bar --- */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ -{ - background: var(--headerbar_bg) !important; - height: 44px !important; - box-shadow: none !important; -} - -/* Title Bar */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_TitleBar_"] -{ - background: var(--headerbar_bg) !important; - height: 44px !important; -} - -/* Focus Bar */ -#SteamDesktop .steamdesktop_Wrapper_1ENHE > div[class*="steamdesktop_FocusBar_"] -{ - background: none !important; -} - -/* --- Left Side --- */ -/* Menu Bar */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_RootMenuBar_"] -{ - padding: 6px 4px !important; - gap: 3px !important; - z-index: 1 !important; -} - -/* Menu item */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"] -{ - border-radius: var(--button_radius) !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; - line-height: 24px !important; - min-height: 32px !important; - padding: var(--button_padding) !important; - transition: var(--focus_transition) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"]:hover -{ - color: var(--fg) !important; - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_SteamButton_"] -{ - padding-top: 0px !important; -} - -/* Navigation */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_SuperNavBar_"] -{ - -webkit-app-region: inherit; - position: relative; - top: -40px; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] -{ - justify-content: center !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg -{ - display: none -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"] -{ - color: var(--fg) !important; - margin-top: 10px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"][class*="supernav_Disabled_"] -{ - color: var(--dim_label_fg) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"] -{ - -webkit-app-region: no-drag; - border-radius: var(--button_radius) !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; - line-height: 24px !important; - max-width: 100px !important; - min-height: var(--button_min_height) !important; - min-width: var(--button_min_width) !important; - overflow: hidden !important; - padding: var(--button_padding) !important; - text-overflow: ellipsis !important; - text-transform: capitalize !important; - transition: var(--focus_transition) !important; - white-space: nowrap !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"]:hover -{ - color: var(--fg) !important; - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"] -{ - padding: 0 3px 0 0 !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"] -{ - color: var(--fg) !important; - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; - padding: var(--button_padding) !important; - text-shadow: none !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"]::after -{ - background: none !important; - height: 0px !important; -} - -/* Navigation Icon Hackery */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(n+3):nth-child(-n+7) > div::before -{ - background-color: var(--fg); - content: ""; - padding: 10px; - margin: 1px; - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(3) > div::before -{ - -webkit-mask-image: var(--store_icon); -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(4) > div::before -{ - -webkit-mask-image: var(--library_icon); -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(5) > div::before -{ - -webkit-mask-image: var(--community_icon); -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(6) > div::before -{ - -webkit-mask-image: var(--profile_icon); -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(7) > div::before -{ - -webkit-mask-image: var(--console_icon); -} - -/* --- Middle --- */ -/* Drag */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_DragArea_"] -{ - background: var(--headerbar_bg) !important; -} - -/* Url Bar */ -#SteamDesktop .steamdesktop_LocalContentContainer_RGNMW > div[class*="steamdesktop_URLBarReplacement_"] -{ - background: var(--headerbar_bg) !important; - height: 1px !important; - min-height: 1px !important; -} - -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] -{ - background: var(--headerbar_bg) !important; - display: flex !important; - justify-content: center; -} - -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URL_"] -{ - color: var(--fg) !important; - font-family: var(--basefont); - font-size: var(--title_4_size); - font-weight: var(--title_4_weight); -} - -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_ReloadButton_"], -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBarText_"] -{ - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_ReloadButton_"]:hover, -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBarText_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_ReloadButton_"] svg, -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_LockIcon_"] svg -{ - color: var(--fg) !important; -} - -body.DesktopUI > div[class*="steamdesktop_URLBarCopied_"] -{ - background: var(--toast_bg) !important; - border-radius: var(--toast_border_radius) !important; - color: var(--toast_fg) !important; - font-family: var(--basefont) !important; - font-size: var(--basesize) !important; - font-weight: var(--baseweight) !important; - padding: var(--toast_padding) !important; -} - - -/* --- Right Side --- */ -/* Profile, Notifications, etc */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_TitleBarControls_"] -{ - background: var(--headerbar_bg) !important; - margin-top: 0px !important; - z-index: 1 !important; -} - -/* Move Account Button to the last slot */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_TitleBarControls_"] div.Focusable:nth-child(3) -{ - order: 99 !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AnnouncementsButton"][class*="titlebarcontrols_Active_"], -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AnnouncementsButton"][class*="titlebarcontrols_Active_"]:hover -{ - background: var(--accent_bg) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_Button_"], -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] -{ - -webkit-app-region: no-drag; - background: var(--button_bg) !important; - border-radius: var(--button_radius) !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; - height: var(--button_min_height) !important; - line-height: var(--button_min_height) !important; - margin-right: 6px !important; - min-height: var(--button_min_height) !important; - padding: var(--button_padding) !important; - transition: var(--focus_transition) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] + div -{ - display: none !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] div -{ - max-width: 100px !important; - overflow: hidden !important; - text-overflow: ellipsis !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationButtonContainer_"] -{ - margin-right: 0px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_Button_"]:hover, -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationsButton_"] svg -{ - color: var(--fg) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"] -{ - background: var(--accent_bg) !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_GamepadUIToggle_"] -{ - width: 24px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_GamepadUIToggle_"] svg[class*="titlebarcontrols_Icon_"] -{ - position: revert !important; -} - -/* Window Controls */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_WindowControls_"] -{ - background: var(--headerbar_bg) !important; -} - -/* --- Context Menu --- */ -body.ContextMenuPopupBody.DesktopUI -{ - background: none !important; - overflow: hidden !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="contextmenu_contextMenu_"] -{ - border-radius: var(--menu_radius) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuPopup_"] -{ - background: var(--popover_bg) !important; - border: none !important; - border-radius: var(--menu_radius) !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-weight: var(--baseweight) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuItem_"] -{ - border-radius: var(--menu_radius) !important; - color: var(--fg) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="menu_MenuItem_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--menu_radius) !important; - color: var(--fg) !important; -} - -body.ContextMenuPopupBody.DesktopUI hr[class*="menu_Separator_"] -{ - border-color: var(--bg) !important; -} - -/* Notification Menu */ -body.ContextMenuPopupBody.DesktopUI div[class*="titlebarcontrols_NotificationsMenu_"] -{ - padding-bottom: 10px !important; - box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05) !important; -} - -body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"], -body.DesktopUI div[class*="standardtemplates_StandardTemplateDesktop_"], -body.ContextMenuPopupBody.DesktopUI div[class*="standardtemplates_PinnedTemplateDesktop_"] -{ - background: var(--button_bg) !important; - border-radius: var(--button_radius) !important; - border: none !important; - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; - padding: var(--button_padding) !important; - transition: var(--focus_transition) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="standardtemplates_PinnedBody_"] -{ - color: var(--fg) !important; - font-family: var(--basefont) !important; - font-size: var(--button_font_size) !important; - font-weight: var(--button_font_weight) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="titlebarcontrols_EmptyNotificationsBody_"] -{ - color: var(--entry_subtitle_fg) !important; - font-family: var(--basefont) !important; - font-size: var(--entry_subtitle_font_size) !important; - font-weight: var(--entry_subtitle_font_weight) !important; -} - -body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"]:hover -{ - background: var(--button_hover_bg) !important; - border-radius: var(--button_radius) !important; -} - -body.ContextMenuPopupBody.DesktopUI button[class*="titlebarcontrols_AllNotificationsButton_"]:active -{ - background: var(--button_active_bg) !important; - border-radius: var(--button_radius) !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="steamtemplates_NewIndicator_"] -{ - filter: none !important; -} - -body.ContextMenuPopupBody.DesktopUI div[class*="steamtemplates_NewIndicator_"] svg -{ - color: var(--accent) !important; -} - -/* --- Small Window Size --- */ -@media (max-width: 1250px) -{ - #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_AccountMenu_"] > *:not([class*="steamavatar_avatarHolder_"]) - { - display: none !important; - } - - #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"], - #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="rootmenu_RootMenuButton_"] - { - padding: 5px 5px !important; - } - - #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_RootMenuBar_"] - { - padding-left: 9px !important; - } - - #SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div:nth-child(n+3):nth-child(-n+7) > div::before - { - display: none !important; - } -} - diff --git a/web/extras/bottombar/hide_bar.css b/web/extras/bottombar/hide_bar.css deleted file mode 100644 index 66f6fb5c..00000000 --- a/web/extras/bottombar/hide_bar.css +++ /dev/null @@ -1,14 +0,0 @@ -/* ------------------------ */ -/* --- Hide Bottom Bar --- */ -/* ------------------------ */ -/* display: none causes the resize widget to go crazy */ -#SteamDesktop .bottombar_BottomBarContainer_1_yS5 -{ - height: 0px !important; -} - -#SteamDesktop .steamdesktop_Wrapper_1ENHE > div[class*="steamdesktop_OuterFrame_"] -{ - overflow-y: hidden !important; -} - diff --git a/web/extras/topbar/hide_bp.css b/web/extras/topbar/hide_bp.css deleted file mode 100644 index de45cf37..00000000 --- a/web/extras/topbar/hide_bp.css +++ /dev/null @@ -1,7 +0,0 @@ -/* -------------------------------- */ -/* --- Hide Big Picture Button --- */ -/* -------------------------------- */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_GamepadUIToggle_"] -{ - display: none !important; -} diff --git a/web/extras/topbar/hide_url.css b/web/extras/topbar/hide_url.css deleted file mode 100644 index 8075a3bf..00000000 --- a/web/extras/topbar/hide_url.css +++ /dev/null @@ -1,7 +0,0 @@ -/* --------------------- */ -/* --- Hide URL Bar --- */ -/* --------------------- */ -#SteamDesktop .steamdesktop_BrowserWrapper_1bGew div[class*="steamdesktop_URLBar_"] -{ - display: none !important; -} diff --git a/web/extras/topbar/hide_vr.css b/web/extras/topbar/hide_vr.css deleted file mode 100644 index ee3da7cc..00000000 --- a/web/extras/topbar/hide_vr.css +++ /dev/null @@ -1,7 +0,0 @@ -/* ----------------------- */ -/* --- Hide VR Button --- */ -/* ----------------------- */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="titlebarcontrols_VRToggle_"] -{ - display: none !important; -} diff --git a/web/extras/topbar/show_arrows.css b/web/extras/topbar/show_arrows.css deleted file mode 100644 index 20393dae..00000000 --- a/web/extras/topbar/show_arrows.css +++ /dev/null @@ -1,18 +0,0 @@ -/* ---------------------------------- */ -/* --- Show Forward/Back Buttons --- */ -/* ---------------------------------- */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"] -{ - display: block !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] div[class*="supernav_SuperNavMenu_"]:last-child, -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"]:nth-child(2) -{ - margin-right: auto !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_RootMenuBar_"] -{ - margin-left: 75px !important; -} diff --git a/web/extras/topbar/vanilla_bar.css b/web/extras/topbar/vanilla_bar.css deleted file mode 100644 index 3c876fea..00000000 --- a/web/extras/topbar/vanilla_bar.css +++ /dev/null @@ -1,54 +0,0 @@ -/* ------------------------------- */ -/* --- Vanilla Steam Headerbar --- */ -/* ------------------------------- */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ -{ - height: initial !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="steamdesktop_SuperNavBar_"] -{ - position: initial !important; - top: 0px; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] -{ - -webkit-app-region: drag; - justify-content: start !important; - margin-bottom: 2px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNav_"] > div > div::before -{ - display: none -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_MenuButton_"] -{ - font-size: var(--title_2_size) !important; - max-width: 300px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]) div[class*="supernav_MenuButton_"]::after -{ - background: var(--accent) !important; - height: 3px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ div[class*="supernav_SuperNavMenu_"][class*="supernav_Selected_"]:not([class*="supernav_Disabled_"]):not(:hover) div[class*="supernav_MenuButton_"] -{ - background: none !important; -} - -/* Override Show Arrows Web Extra */ -#SteamDesktop .steamdesktop_TopBar_3Z7VQ > div[class*="steamdesktop_SuperNavBar_"] > div[class*="supernav_SuperNav_"] div[class*="supernav_SuperNavMenu_"]:last-child, -#SteamDesktop .steamdesktop_TopBar_3Z7VQ > div[class*="steamdesktop_SuperNavBar_"] > div[class*="supernav_SuperNav_"] svg[class*="supernav_Arrow_"]:nth-child(2) -{ - margin-right: 10px !important; -} - -#SteamDesktop .steamdesktop_TopBar_3Z7VQ > div[class*="steamdesktop_TitleBar_"] > div[class*="steamdesktop_RootMenuBar_"] -{ - margin-left: 0px !important; -}