From 1366c47a0e2098a713bb08e53c8a440fbbdfb918 Mon Sep 17 00:00:00 2001 From: joshuah345 Date: Sat, 16 Mar 2024 04:13:44 -0400 Subject: [PATCH 1/2] haircut snippet --- Themes/Snippets/Haircut.css | 73 +++++++++++++++++++++++ Themes/Snippets/reOrderPopout.css | 2 - Themes/Snippets/scss/haircut.scss | 98 +++++++++++++++++++++++++++++++ 3 files changed, 171 insertions(+), 2 deletions(-) create mode 100644 Themes/Snippets/Haircut.css create mode 100644 Themes/Snippets/scss/haircut.scss diff --git a/Themes/Snippets/Haircut.css b/Themes/Snippets/Haircut.css new file mode 100644 index 0000000..9dafb87 --- /dev/null +++ b/Themes/Snippets/Haircut.css @@ -0,0 +1,73 @@ +/* Haircut (adjust icons in header lol) */ +:root { + /* DM/GROUP SPECIFIC */ + --voice-call-button-display: ; + --voice-call-button-order: ; + --video-call-button-display: ; + --video-call-button-order: ; + --user-profile-button-display: ; + --user-profile-button-order: ; + --new-group-dm-button-display: ; + /* ANY CHANNEL */ + --search-bar-order: ; + --pins-button-order: ; + --pins-button-display: ; + --threads-button-order: ; + --threads-button-display: ; + /* ANY PAGE */ + --update-button-display: ; + --update-button-order: ; + --inbox-button-display: ; + --inbox-button-order: ; + --help-button-display: ; + --help-button-order: ; +} + +.toolbar__88c63 .search__07df0 { + order: var(--search-bar-order); + /* SEARCH BAR */ +} +.toolbar__88c63 [role=button]:is([aria-label*="group dm" i], :has(path[d^="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"]:not(:only-of-type))) { + display: var(--new-group-dm-button-display); + /* NEW GROUP DM */ +} +.toolbar__88c63 [role=button]:is([aria-label*=threads i], :has(path[d^="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2"])) { + display: var(--threads-button-display); + order: var(--threads-button-order); + /* THREADS BUTTON */ +} +.toolbar__88c63 [role=button]:is([aria-label*=pinned i], :has(path[d^="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0"])) { + display: var(--pins-button-display); + order: var(--pins-button-order); + /* PINNED MESSAGES BUTTON */ +} +.toolbar__88c63 [role=button]:is([aria-label*=voice i], :has(path[d^="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0"])) { + display: var(--voice-call-button-display); + order: var(--voice-call-button-order); + /* VOICE CALL BUTTON */ +} +.toolbar__88c63 [role=button]:is([aria-label*=video i], :has(path[d^="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1"])) { + display: var(--video-call-button-display); + order: var(--video-call-button-order); + /* VIDEO CALL BUTTON */ +} +.toolbar__88c63 [role=button]:is([aria-label*="user profile" i], :has(path[d^="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0"])) { + display: var(--user-profile-button-display); + order: var(--user-profile-button-order); + /* USER PROFILE BUTTON */ +} +.toolbar__88c63 [role=button]:is(:has(.updateIconForeground__30084), [aria-label*=Update i]) { + display: var(--update-button-display); + order: var(--update-button-order); + /* UPDATE BUTTON */ +} +.toolbar__88c63 > a:is([href*=support], :has(path[d^="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98"])) { + display: var(--help-button-display); + order: var(--help-button-order); + /* HELP BUTTON */ +} +.toolbar__88c63 > div:is(.recentsIcon__3c4cf, :has(path[d^="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3"])) { + display: var(--inbox-button-display); + order: var(--inbox-button-order); + /* INBOX BUTTON */ +} diff --git a/Themes/Snippets/reOrderPopout.css b/Themes/Snippets/reOrderPopout.css index ad77c23..87c5754 100644 --- a/Themes/Snippets/reOrderPopout.css +++ b/Themes/Snippets/reOrderPopout.css @@ -51,6 +51,4 @@ /* MESSAGE USER */ /* !! Set notes and message to the same number to have them appear in this order (notes -> message user) */ } - - /*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/Themes/Snippets/scss/haircut.scss b/Themes/Snippets/scss/haircut.scss new file mode 100644 index 0000000..0ef4da6 --- /dev/null +++ b/Themes/Snippets/scss/haircut.scss @@ -0,0 +1,98 @@ +/* Haircut (adjust icons in header lol) */ + +:root { + + /* DM/GROUP SPECIFIC */ + --voice-call-button-display: ; + --voice-call-button-order: ; + + --video-call-button-display: ; + --video-call-button-order: ; + + --user-profile-button-display: ; + --user-profile-button-order: ; + + --new-group-dm-button-display: ; + + /* ANY CHANNEL */ + --search-bar-order: ; + + --pins-button-order: ; + --pins-button-display: ; + + --threads-button-order: ; + --threads-button-display: ; + + /* ANY PAGE */ + --update-button-display: ; + --update-button-order: ; + + --inbox-button-display: ; + --inbox-button-order: ; + + --help-button-display: ; + --help-button-order: ; +} + +.toolbar__88c63 { + .search__07df0 { + order: var(--search-bar-order); + /* SEARCH BAR */ + } + + [role="button"] { + + &:is([aria-label*="group dm"i], :has(path[d^="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"]:not(:only-of-type))) { + display: var(--new-group-dm-button-display); + /* NEW GROUP DM */ + } + + &:is([aria-label*="threads"i], :has(path[d^="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2"])) { + display: var(--threads-button-display); + order: var(--threads-button-order); + /* THREADS BUTTON */ + } + + &:is([aria-label*="pinned"i], :has(path[d^="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0"])) { + display: var(--pins-button-display); + order: var(--pins-button-order); + /* PINNED MESSAGES BUTTON */ + } + + &:is([aria-label*="voice"i], :has(path[d^="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0"])) { + display: var(--voice-call-button-display); + order: var(--voice-call-button-order); + /* VOICE CALL BUTTON */ + } + + &:is([aria-label*="video"i], :has(path[d^="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1"])) { + display: var(--video-call-button-display); + order: var(--video-call-button-order); + /* VIDEO CALL BUTTON */ + } + + &:is([aria-label*="user profile"i], :has(path[d^="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0"])) { + display: var(--user-profile-button-display); + order: var(--user-profile-button-order); + /* USER PROFILE BUTTON */ + } + + &:is(:has(.updateIconForeground__30084), [aria-label*="Update"i]) { + display: var(--update-button-display); + order: var(--update-button-order); + /* UPDATE BUTTON */ + } + } + + >a:is([href*=support], :has(path[d^="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98"])) { + display: var(--help-button-display); + order: var(--help-button-order); + /* HELP BUTTON */ + } + + >div:is(.recentsIcon__3c4cf, :has(path[d^="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3"])) { + display: var(--inbox-button-display); + order: var(--inbox-button-order); + /* INBOX BUTTON */ + } +} \ No newline at end of file From 41e14aac7bfe456331217cae91eeafd5e63b2402 Mon Sep 17 00:00:00 2001 From: Skye Date: Mon, 29 Apr 2024 09:50:02 +0200 Subject: [PATCH 2/2] Class update for Haircut --- Themes/Snippets/Haircut.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/Themes/Snippets/Haircut.css b/Themes/Snippets/Haircut.css index 9dafb87..c61e29c 100644 --- a/Themes/Snippets/Haircut.css +++ b/Themes/Snippets/Haircut.css @@ -23,50 +23,50 @@ --help-button-order: ; } -.toolbar__88c63 .search__07df0 { +.toolbar__62fb5 .search__07df0 { order: var(--search-bar-order); /* SEARCH BAR */ } -.toolbar__88c63 [role=button]:is([aria-label*="group dm" i], :has(path[d^="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"]:not(:only-of-type))) { +.toolbar__62fb5 [role=button]:is([aria-label*="group dm" i], :has(path[d^="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"]:not(:only-of-type))) { display: var(--new-group-dm-button-display); /* NEW GROUP DM */ } -.toolbar__88c63 [role=button]:is([aria-label*=threads i], :has(path[d^="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2"])) { +.toolbar__62fb5 [role=button]:is([aria-label*=threads i], :has(path[d^="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2"])) { display: var(--threads-button-display); order: var(--threads-button-order); /* THREADS BUTTON */ } -.toolbar__88c63 [role=button]:is([aria-label*=pinned i], :has(path[d^="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0"])) { +.toolbar__62fb5 [role=button]:is([aria-label*=pinned i], :has(path[d^="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0"])) { display: var(--pins-button-display); order: var(--pins-button-order); /* PINNED MESSAGES BUTTON */ } -.toolbar__88c63 [role=button]:is([aria-label*=voice i], :has(path[d^="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0"])) { +.toolbar__62fb5 [role=button]:is([aria-label*=voice i], :has(path[d^="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0"])) { display: var(--voice-call-button-display); order: var(--voice-call-button-order); /* VOICE CALL BUTTON */ } -.toolbar__88c63 [role=button]:is([aria-label*=video i], :has(path[d^="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1"])) { +.toolbar__62fb5 [role=button]:is([aria-label*=video i], :has(path[d^="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1"])) { display: var(--video-call-button-display); order: var(--video-call-button-order); /* VIDEO CALL BUTTON */ } -.toolbar__88c63 [role=button]:is([aria-label*="user profile" i], :has(path[d^="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0"])) { +.toolbar__62fb5 [role=button]:is([aria-label*="user profile" i], :has(path[d^="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0"])) { display: var(--user-profile-button-display); order: var(--user-profile-button-order); /* USER PROFILE BUTTON */ } -.toolbar__88c63 [role=button]:is(:has(.updateIconForeground__30084), [aria-label*=Update i]) { +.toolbar__62fb5 [role=button]:is(:has(.updateIconForeground_abfc5a), [aria-label*=Update i]) { display: var(--update-button-display); order: var(--update-button-order); /* UPDATE BUTTON */ } -.toolbar__88c63 > a:is([href*=support], :has(path[d^="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98"])) { +.toolbar__62fb5 > a:is([href*=support], :has(path[d^="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98"])) { display: var(--help-button-display); order: var(--help-button-order); /* HELP BUTTON */ } -.toolbar__88c63 > div:is(.recentsIcon__3c4cf, :has(path[d^="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3"])) { +.toolbar__62fb5 > div:is(.recentsIcon_a585d7, :has(path[d^="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3"])) { display: var(--inbox-button-display); order: var(--inbox-button-order); /* INBOX BUTTON */