From 28a3e4ca64c796396b5427865851ef8372daafd8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 25 Jan 2024 22:53:14 +0100 Subject: [PATCH] Visibility icons in the new compose form --- TangerineUI-cherry.css | 34 +++++++++++++++++++++++++++++++++- TangerineUI-purple.css | 34 +++++++++++++++++++++++++++++++++- TangerineUI.css | 36 ++++++++++++++++++++++++++++++++++-- 3 files changed, 100 insertions(+), 4 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index b5538eb..c0fd99b 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -131,12 +131,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -234,12 +238,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: var(--icon-globe-visibility); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: var(--icon-unlock); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: var(--icon-lock); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: var(--icon-at); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -925,15 +933,39 @@ body.app-body { .app-body .icon-globe { background-image: var(--icon-globe-visibility); } +.app-body .dropdown-button .icon-globe { + background-image: var(--icon-globe-visibility-accent); +} +.app-body .dropdown-button.active .icon-globe { + background-image: var(--icon-globe-visibility-inv); +} .app-body .icon-unlock { background-image: var(--icon-unlock); } +.app-body .dropdown-button .icon-unlock { + background-image: var(--icon-unlock-accent); +} +.app-body .dropdown-button.active .icon-unlock { + background-image: var(--icon-unlock-inv); +} .app-body .icon-lock { background-image: var(--icon-lock); } +.app-body .dropdown-button .icon-lock { + background-image: var(--icon-lock-accent); +} +.app-body .dropdown-button.active .icon-lock { + background-image: var(--icon-lock-inv); +} .app-body .icon-at { background-image: var(--icon-at); } +.app-body .dropdown-button .icon-at { + background-image: var(--icon-at-accent); +} +.app-body .dropdown-button.active .icon-at { + background-image: var(--icon-at-inv); +} /* Other icons */ .app-body .icon-paperclip { @@ -1951,7 +1983,7 @@ body.app-body { .app-body .status__info .status__display-name { overflow: hidden; align-items: start; - height: 50px; + height: 46px; } .app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name__account { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index e55772e..38c606c 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -131,12 +131,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -234,12 +238,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: var(--icon-globe-visibility); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: var(--icon-unlock); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: var(--icon-lock); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: var(--icon-at); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -925,15 +933,39 @@ body.app-body { .app-body .icon-globe { background-image: var(--icon-globe-visibility); } +.app-body .dropdown-button .icon-globe { + background-image: var(--icon-globe-visibility-accent); +} +.app-body .dropdown-button.active .icon-globe { + background-image: var(--icon-globe-visibility-inv); +} .app-body .icon-unlock { background-image: var(--icon-unlock); } +.app-body .dropdown-button .icon-unlock { + background-image: var(--icon-unlock-accent); +} +.app-body .dropdown-button.active .icon-unlock { + background-image: var(--icon-unlock-inv); +} .app-body .icon-lock { background-image: var(--icon-lock); } +.app-body .dropdown-button .icon-lock { + background-image: var(--icon-lock-accent); +} +.app-body .dropdown-button.active .icon-lock { + background-image: var(--icon-lock-inv); +} .app-body .icon-at { background-image: var(--icon-at); } +.app-body .dropdown-button .icon-at { + background-image: var(--icon-at-accent); +} +.app-body .dropdown-button.active .icon-at { + background-image: var(--icon-at-inv); +} /* Other icons */ .app-body .icon-paperclip { @@ -1951,7 +1983,7 @@ body.app-body { .app-body .status__info .status__display-name { overflow: hidden; align-items: start; - height: 50px; + height: 46px; } .app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name__account { diff --git a/TangerineUI.css b/TangerineUI.css index cb71360..482e2bd 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -117,7 +117,7 @@ --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+"); --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); - --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-star-column-link: var(--icon-star-accent); --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); @@ -131,12 +131,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -234,12 +238,16 @@ /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: var(--icon-globe-visibility); + --icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: var(--icon-unlock); + --icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: var(--icon-lock); + --icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); --icon-at-inv: var(--icon-at); + --icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4="); /* Other icons */ --icon-bell-still: var(--icon-bell); @@ -925,15 +933,39 @@ body.app-body { .app-body .icon-globe { background-image: var(--icon-globe-visibility); } +.app-body .dropdown-button .icon-globe { + background-image: var(--icon-globe-visibility-accent); +} +.app-body .dropdown-button.active .icon-globe { + background-image: var(--icon-globe-visibility-inv); +} .app-body .icon-unlock { background-image: var(--icon-unlock); } +.app-body .dropdown-button .icon-unlock { + background-image: var(--icon-unlock-accent); +} +.app-body .dropdown-button.active .icon-unlock { + background-image: var(--icon-unlock-inv); +} .app-body .icon-lock { background-image: var(--icon-lock); } +.app-body .dropdown-button .icon-lock { + background-image: var(--icon-lock-accent); +} +.app-body .dropdown-button.active .icon-lock { + background-image: var(--icon-lock-inv); +} .app-body .icon-at { background-image: var(--icon-at); } +.app-body .dropdown-button .icon-at { + background-image: var(--icon-at-accent); +} +.app-body .dropdown-button.active .icon-at { + background-image: var(--icon-at-inv); +} /* Other icons */ .app-body .icon-paperclip { @@ -1951,7 +1983,7 @@ body.app-body { .app-body .status__info .status__display-name { overflow: hidden; align-items: start; - height: 50px; + height: 46px; } .app-body .status__info .status__display-name .display-name bdi, .app-body .status__info .status__display-name .display-name__account {