{"id":16557526,"url":"https://github.com/twlite/discord-custom-css","last_synced_at":"2026-06-05T12:31:05.024Z","repository":{"id":135467060,"uuid":"408018952","full_name":"twlite/discord-custom-css","owner":"twlite","description":"Custom css for Discord","archived":false,"fork":false,"pushed_at":"2021-09-19T03:29:10.000Z","size":11,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-24T05:05:30.420Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/twlite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-09-19T03:08:10.000Z","updated_at":"2021-09-19T03:29:13.000Z","dependencies_parsed_at":"2023-08-28T15:08:02.113Z","dependency_job_id":null,"html_url":"https://github.com/twlite/discord-custom-css","commit_stats":null,"previous_names":["twlite/discord-custom-css"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twlite%2Fdiscord-custom-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twlite%2Fdiscord-custom-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twlite%2Fdiscord-custom-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twlite%2Fdiscord-custom-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twlite","download_url":"https://codeload.github.com/twlite/discord-custom-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241937665,"owners_count":20045322,"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":[],"created_at":"2024-10-11T20:07:44.167Z","updated_at":"2026-06-05T12:31:05.018Z","avatar_url":"https://github.com/twlite.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# discord-custom-css\nCustom css for Discord\n\n# How to apply?\n- Open console by pressing `ctrl+shift+i`\n- Copy **[inject-script.js](https://github.com/DevAndromeda/discord-custom-css/blob/main/inject-script.js)**\n- Paste it in console\n\n# is it against tos?\nidk, maybe? This process does not involve the use of clients like BetterDiscord or Powercord so this should be much safer.\n\n# is it dangerous?\nThe script just injects the css to `\u003chead\u003e` element and nothing else.\n\n# why did it disappear on restart?\nThis css injection is not permanent, so you would need to do this every time you load discord\n\n# does this work in browsers?\nYes!\n\n# is it BetterDiscord?\nNo.\n\n# Script\n\n```js\ndocument.querySelector(\"head\").innerHTML += `\u003cstyle\u003e@import url(https://fonts.googleapis.com/css2?family=Poppins\u0026display=swap);:root{--blurple:#5865F2;--blurple-hover:#3c47c4}.theme-dark{--background-primary:#23272A;--background-secondary:#1a1e21;--background-secondary-alt:#15181b;--background-tertiary:#111416;--channeltextarea-background:#1a1e21;--background-floating:#111416;--scrollbar-auto-thumb:#0000004a;--scrollbar-auto-track:#00000036;--background-modifier-accent:hsla(0, 0%, 100%, 0.03)}.layer-3QrUeG[aria-label=CHANNEL_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=CHANNEL_SETTINGS] .standardSidebarView-3F1I7i,.layer-3QrUeG[aria-label=GUILD_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=GUILD_SETTINGS] .standardSidebarView-3F1I7i,.layer-3QrUeG[aria-label=USER_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=USER_SETTINGS] .standardSidebarView-3F1I7i{background-color:var(--background-tertiary)}.actionButtons-14eAc_\u003e:last-child{position:relative;right:9px}.menu-3sdvDG{border-radius:10px!important}.chatHeaderBar-4vZS1x{margin:15px;border-radius:10px!important}.sidebar-2K8pFh{margin-bottom:15px;margin-top:15px;border-radius:10px!important}.notice-3bPHh-{margin-top:15px;margin-right:15px;border-radius:10px!important}.members-1998pB,.panels-j1Uci_{margin:15px;border-radius:10px!important}.chat-3bRxxu,.container-1D34oG,.pageWrapper-1PgVDX{margin:15px;border-radius:10px!important}.notice-3uyY6c{margin-top:15px;margin-right:15px}.threadSidebar-1o3BTy{margin-right:15px;margin-top:15px;margin-bottom:15px;margin-left:0}.sidebarRegion-VFTUkN{margin-top:15px;margin-bottom:15px;margin-left:15px}.channelTextArea-2VhZ6z .scrollableContainer-2NUZem,.container-2Pjhx-,.container-2Pjhx-:hover,.content-1x5b-n,.content-1x5b-n:hover,.contentRegionScroller-26nc1e,.contentWrapper-SvZHNd,.contentWrapper-SvZHNd .result-3w1ZcL,.input-2VB9rf,.messagesPopoutWrap-1MQ1bW,.notice-3uyY6c,.popout-103y-5,.quickswitcher-3JagVE,.result-oB0z--,.sidebarRegionScroller-3MXcoP,.threadSidebar-1o3BTy{border-radius:10px!important}.contentRegion-3nDuYy{border-radius:10px;margin-top:15px;margin-left:15px;margin-bottom:15px;margin-right:15px}.guilds-1SWlCJ{margin:15px;border-radius:10px!important}.scroller-1Bvpku{background:var(--background-secondary-alt)!important;padding-top:10px;padding-bottom:10px}.scroller-1Bvpku .tutorialContainer-2sGCg9{padding-top:10px}.role-2irmRk{border-radius:10px}.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a{padding-top:70px!important}.avatarPositionNormal-aZjAsn{top:-45px!important}.userPopout-xaxa6l .banner-2QYc2d{position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background-size:calc(100% - 2px);background-position:center 2px;border-radius:10px}.userPopout-xaxa6l .banner-2QYc2d:after{content:\"\";display:block;background-color:inherit;border-top-left-radius:inherit;border-top-right-radius:inherit;width:100%;height:124px;clip-path:path(\"M 2 12 Q 2 2 12 2 L 292 2 Q 302 2 302 12 L 302 123 L 304 123 L 304 0 L 0 0 L 0 123 L 2 123 L 2 12\")}.body-3HBlXn,.footer-3UKYOU,.headerTop-3vNv-a{background-color:var(--background-floating)!important}.avatarPositionNormal-aZjAsn{top:16px}.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a{padding-top:119px}.avatarPositionPremium-3We5Ho+.headerTop-3vNv-a{margin-top:119px}.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a\u003e.profileBadges-ohc0Vu{top:75px}body,button{font-family:Poppins,sans-serif!important}.barFill-23-gu-{background:var(--blurple)}.lookFilled-1Gx00P.colorBrand-3pXr91{background-color:var(--blurple)}.lookFilled-1Gx00P.colorBrand-3pXr91:hover{background-color:var(--blurple-hover)}.name-1jkAdW,.title-29uC1r{font-size:18px!important}.membersGroup-v9BXpm{font-weight:700}.userPopout-3XzG_A .body-3iLsc4 .rolesList-22qj2L .roleCircle-3xAZ1j::before{background:inherit}.pageWrapper-1PgVDX,.theme-dark .container-1D34oG{background-color:var(--background-primary)!important}.content-2M3n_H a{color:#fff!important}.markup-2BOw-j a{color:#959dfc}.connectedAccounts-repVzS{margin-top:0;justify-content:space-evenly}.theme-dark .connectedAccount-36nQx7{margin-top:5px;background-color:var(--background-modifier-accent)}.activity-fViXj7{padding:16px 16px 16px}.theme-dark .body-3iLsc4{background-color:#0e1113}.theme-dark .footer-1fjuF6{background-color:#0e1113}.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV{background-color:#292d33}.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover{background-color:#2f343b}.setIdentityLink-OpBDR6{display:none}.customStatus-3NamXG .customStatusEmoji-1itGdP:not(:last-child){margin-right:4.8px}.theme-dark .uploadModal-2ifh8j{background-color:var(--background-primary)}.theme-dark .footer-3mqk7D{background-color:var(--background-secondary)}.theme-dark .hljs{background-color:#1a1e21}.messageAttachment-1aDidq{width:100%}.theme-dark .root-1gCeng{background-color:var(--background-primary)}.theme-dark .footer-2gL1pp{background-color:var(--background-secondary)}#GHOSTCOMMANDSDIVWRAPPER{background:linear-gradient(180deg,#1a1e21 65%,rgba(14,20,24,0) 10%)!important}.GHOSTCOMMANDLISTITEM{background-color:#23272a}.GHOSTCOMMANDLISTITEM:hover{background-color:#202427}.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9{background-color:#30363b}.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover{background-color:#2c3236}\u003c/style\u003e`\n```\n\n# Preview\n![](https://i.imgur.com/MtI6WnG.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwlite%2Fdiscord-custom-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwlite%2Fdiscord-custom-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwlite%2Fdiscord-custom-css/lists"}