{"id":13702086,"url":"https://github.com/lo2dev/revolt-tweaks","last_synced_at":"2025-05-05T04:30:46.434Z","repository":{"id":167377372,"uuid":"642973615","full_name":"lo2dev/revolt-tweaks","owner":"lo2dev","description":"Useful tweaks for Revolt Chat","archived":true,"fork":false,"pushed_at":"2024-05-01T19:16:32.000Z","size":76,"stargazers_count":11,"open_issues_count":3,"forks_count":5,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-04T09:20:21.265Z","etag":null,"topics":["css","revolt","snippets","theme"],"latest_commit_sha":null,"homepage":"https://app.revolt.chat","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lo2dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-19T19:24:10.000Z","updated_at":"2025-04-14T07:48:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"a40f2415-94bc-4e2e-a348-21d7488fcdda","html_url":"https://github.com/lo2dev/revolt-tweaks","commit_stats":null,"previous_names":["lo-kiss/revolt-css-snippets","lo2dev/revolt-tweaks","lo-kiss/revolt-tweaks"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lo2dev%2Frevolt-tweaks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lo2dev%2Frevolt-tweaks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lo2dev%2Frevolt-tweaks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lo2dev%2Frevolt-tweaks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lo2dev","download_url":"https://codeload.github.com/lo2dev/revolt-tweaks/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252439393,"owners_count":21747998,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","revolt","snippets","theme"],"created_at":"2024-08-02T21:00:31.016Z","updated_at":"2025-05-05T04:30:46.150Z","avatar_url":"https://github.com/lo2dev.png","language":null,"readme":"# Revolt Tweaks\nThis is a repo containing useful tweaks for revolt.chat.\n\nTo apply them, **paste them in Settings -\u003e Appearance -\u003e Custom CSS.**\n\n## Wider scrollbar (Firefox)\n```css\n/* -- Wider scrollbar (Firefox) -- */\n* {\n   scrollbar-width: initial;\n}\n```\n\n## Wider scrollbar (Desktop/Chrome/Edge/etc)\n```css\n/* -- Wider scrollbar (Desktop/Chrome/Edge/etc) -- */\n*::-webkit-scrollbar {\n  width: 15px;\n}\n\n*::-webkit-scrollbar-track {\n  background: var(--primary-background); /* color of the tracking area */\n}\n\n*::-webkit-scrollbar-thumb {\n  background-color: var(--accent); /* color of the scroll thumb */\n  border-radius: 20px; /* roundness of the scroll thumb */\n}\n```\n\n## Hide homescreen actions\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/d4af37b7-0e52-4aeb-b494-fda2920b1d74)\n\n```css\n/* -- Hide homescreen actions -- */\n[class^=\"_home_\"] [class^=\"_homeScreen_\"] [class^=\"_actions_\"] {\n  display: none;\n}\n```\n\n## Remove modal animations\n```css\n/* -- Remove modal animations -- */\n[class^=\"Container-sc-\"], [class^=\"Base-sc-\"], [class^=\"_settings_\"] {\n\tanimation: none !important;\n\ttransition: none !important;\n}\n```\n\n## Square user avatars\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/26941050/65e74c33-5fcc-486a-b965-44ecdfb615c4)\n\n```css\n/* -- Square user avatars -- */\n/* !! :root should be moved at the top of the theme !! */\n:root {\n\t--border-radius-user-icon: 3px;\n}\n[class^=\"TypingIndicator__Base-sc-\"] \u003e div \u003e [class^=\"avatars\"] \u003e img {\n\tborder-radius: 3px;\n}\n[data-item-index=\"0\"] [class^=\"ItemContainer-sc-176t3v5-0\"] foreignObject :is(div, img) {\n\tborder-radius: 3px !important;\n}\n```\n\n## Square server icons (and more)\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/7acd9aff-5d0e-43df-9325-487b53c0e6af)\n\n```css\n/* -- Square server icons (and more) -- */\n[class^=\"Image-sc-\"],\n[class^=\"IconBase__ImageIconBase-sc-\"] {\n\tborder-radius: 3px;\n}\n```\n\n## Wide emoji\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/f8820fae-5599-4ada-a72d-973c225db9e8)\n\n**Credit:** amycatgirl\n```css\n/* -- Wide emoji -- */\n.emoji {\n  width: unset !important;\n  max-width: 100%;\n}\n```\n\n## Rounded message highlight\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/115636509/ee7aa5b5-f4c4-4c86-bb13-6cf6b365c810)\n```css\n/* -- Rounded message highlight -- */\n[class^=\"MessageBase\"] {\n  border-radius: 8px;\n  margin-left: .3rem;\n  margin-right: .3rem;\n}\n```\n\n## Blurred server sidebar\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/f4c3ab99-3694-4ffd-bf0a-aa63824a37ed)\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/835da04f-6437-411e-81c3-b47b92258e30)\n\n```css\n/* -- Blurred server sidebar -- */\n[class^=\"SidebarBase-sc-\"] \u003e [class^=\"Base-sc-\"] {\n\tfilter: blur(7px);\n\ttransition: 1s cubic-bezier(0.33, 1, 0.68, 1);\n}\n\n[class^=\"SidebarBase-sc-\"] \u003e [class^=\"Base-sc-\"]:hover {\n\tfilter: blur(0px);\n\ttransition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);\n}\n```\n\n## Alternative active server indicator\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/881afbf7-f275-4ca1-88c5-10e3b8ce7d85)\n\u003e [!NOTE]  \n\u003e Incompatible with Square server icons\n```css\n/* -- Alternative active server indicator -- */\n[class^=\"SwooshWrapper-sc-\"] \u003e svg \u003e path:not(:first-child), \n[class^=\"SwooshWrapper-sc-\"] \u003e svg \u003e rect {\n    display: none;\n}\n\n[class^=\"SwooshWrapper-sc-\"] \u003e svg \u003e path:first-child {\n\tfill: var(--accent);\n\t/* Fix uneven bubble around the server icon */\n\ttransform: translateX(.8px) scale(.9);\n\ttransform-origin: center;\n}\n```\n\n## Consistent server header side\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/f0b78985-355a-4ad9-a662-bcdf26421a60)\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/0d7b7525-c8d5-4b88-90ba-7835e720e684)\n\n```css\n/* -- Consistent server header side -- */\n[class^=\"ServerHeader__ServerBanner-sc-\"] {\n\theight: 48px;\n}\n```\n\n## Auto-hiding channels list\nAutomatically hides the channels sidebar until hovered over.\n```css\n/* -- Auto-hiding channels list -- */\n[class^=\"ServerSidebar__ServerBase-sc-\"]:hover {\n\twidth: 232px;\n\ttransition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);\n}\n\n[class^=\"ServerSidebar__ServerBase\"] {\n\twidth: 50px;\n\ttransition: 0.4s cubic-bezier(0.65, 0, 0.35, 1);\n}\n```\n\n## Auto-hiding members list\nAutomatically hides the members sidebar until hovered over.\n```css\n/* -- Auto-hiding members list -- */\n[class^=\"SidebarBase-sc-\"]:nth-child(2):hover {\n\twidth: 232px;\n\ttransition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);\n}\n\n[class^=\"SidebarBase-sc-\"]:nth-child(2) {\n\twidth: 54px;\n\ttransition: 0.4s cubic-bezier(0.65, 0, 0.35, 1);\n}\n```\n\n## Hide channel icons\n```css\n/* -- Hide channel icons -- */\ndiv[class^=\"_item_\"] \u003e div[class^=\"_avatar_\"] {\n\tdisplay: none;\n}\n```\n\n## Discord style messagebar\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/ef35b964-b943-4be9-b491-ff399a02ab0d)\n\n```css\n/* -- Discord style messagebar -- */\n[class^=\"MessageBox__Base-sc-\"] {\n\tmargin: 0 1rem 1.4rem 1rem;\n\tborder-radius: 11px;\n}\n[class^=\"FilePreview__Container-sc-\"],\n[class^=\"TypingIndicator__Base-sc-\"], \n[class^=\"AutoComplete__Base-sc-\"], \n[class^=\"JumpToBottom__Bar-sc-\"] {\nmargin: 0 1rem;\n\tborder-radius: 11px;\n}\n\n[class^=\"AutoComplete__Base-sc-\"] \u003e div{\n\tborder-radius: 11px;\n}\n```\n\n## Message bubbles\nDisplays messages in a bubble.\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/16deeba2-83a1-4267-972e-41d4d38a4254)\n\n```css\n/* -- Message bubbles -- */\n[class^=\"MessageBase__MessageContent-sc-\"] {\n\tbackground-color: var(--tertiary-background);\n\tborder-radius: 18px;\n\tpadding: 10px 13px 10px 13px;\n\tflex-grow: 0;\n}\n```\n\n## Hide blocked messages\n```css\n/* -- Hide blocked messages -- */\n[class^=\"MessageRenderer__BlockedMessage-sc-\"] {\n\tdisplay: none;\n}\n```\n\n## Permanent spoiler \nHide all images and videos by displaying a css spoiler. Hover over it to see it.\nOn mobile, long press to preview the image, press to view it.\n\n\u003e [!NOTE]\nIf you start a video and then stop hovering, the spoiler is going to show regardless and the video keeps playing. \n\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/6fc47ed8-af2d-4201-8177-5d7e07829183)\n\n```css\n/* -- Permanent spoiler -- */\n[class^=\"Grid-sc-\"] {\n\tposition: relative !important;\n}\n\n[class^=\"Grid-sc-\"]::before {\n\tcontent: \"Hidden\";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: var(--secondary-background);\n  font-size: larger;\n  transition: .1s;\n}\n\n[class^=\"Grid-sc-\"]:hover::before {\n  opacity: 0;\n  pointer-events: none;\n}\n```\n\n### Permanent spoiler (Blur)\nThis is applied only on images.\n\n![image](https://github.com/lo-kiss/revolt-css-snippets/assets/115636509/142832e7-efc8-40c9-a3bc-bc8567c10b17)\n\n```css\n/* -- Permanent spoiler (Blur) -- */\n[class^=\"Grid-sc-\"] \u003e img[class^=\"_image_\"] {\n  filter: blur(40px);\n  transition: .2s;\n}\n\n[class^=\"Grid-sc-\"] \u003e img[class^=\"_image_\"]:hover {\n  filter: blur(0px);\n}\n```\n\n## Alternative user popup (Flawed)\n**Note:** This effects every popup, including images, warnings, errors, etc.\n![image](https://github.com/lo-kiss/revolt-tweaks/assets/60184397/b1945041-d7fb-4ec7-837b-f9df12813dda)\n\n```css\n/* -- Alternative user popup (Flawed) -- */\n[class^=\"Base-sc-1d\"] {\n\tbackground: rgba(0, 0, 0, 0.4);\n}\n    \n[class^=\"Container-sc-1d\"] {\n\tposition: fixed;\n\tbottom: -1.5rem;\n}\n```\n\n## Use foreground colour on server unread indicator\n\n```css\na[href^=\"/server/\"] svg \u003e circle {\n\tfill: var(--foreground) !important;\n}\n```\n\n## No emote gaps\n![image](https://github.com/lo2dev/revolt-tweaks/assets/76877633/a5e3dfdd-0854-41b9-a22f-f8416b59751f)\n\n```css\n.emoji {\n    vertical-align: -0.3em;\n    object-fit: fill;\n    margin: 0px;\n}\n```\n\n# License\n[![CC0](https://licensebuttons.net/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)\n\n","funding_links":[],"categories":["🎨 Themes"],"sub_categories":["Cobol"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flo2dev%2Frevolt-tweaks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flo2dev%2Frevolt-tweaks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flo2dev%2Frevolt-tweaks/lists"}