Skip to content

Instantly share code, notes, and snippets.

@ItsRauf

ItsRauf/theme.css

Created February 23, 2020 20:35
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ItsRauf/97d5a17f7c402b1efa2b30427cb75663 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ItsRauf/97d5a17f7c402b1efa2b30427cb75663 to your computer and use it in GitHub Desktop.
Download ZIP
powercord theme
Raw
theme.css
.lookFilled-1Gx00P.colorBrand-3pXr91 {
background-color: var(--accent-color); }
.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background-color: var(--accent-color-lighten-10); }
.themeDefault-24hCdX.valueChecked-m-4IJZ {
background-color: var(--accent-color); }
.mention-1f5kbO {
background-color: var(--accent-color); }
.numberBadge-2s8kKX {
background-color: var(--accent-color) !important; }
.anchor-3Z-8Bb {
color: var(--accent-color); }
.markup-2BOw-j a {
color: var(--accent-color); }
.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
.wrapper-1BJsBx:hover .childWrapper-anI2G9 {
background-color: var(--accent-color); }
.scroller-2TZvBN {
background-color: var(--background-color); }
.expandedFolderBackground-2sPsd- {
background-color: var(--secondary-color); }
.childWrapper-anI2G9 {
background-color: var(--secondary-color); }
.folder-21wGz3 {
background-color: var(--secondary-color); }
.folder-21wGz3:hover {
background-color: var(--hover-color); }
.circleIconButton-jET_ig {
background-color: var(--secondary-color); }
.circleIconButton-jET_ig:hover {
background-color: var(--accent-color); }
.item-2hkk8m {
background-color: var(--accent-color); }
.circleIcon-LvPL6c path {
fill: var(--accent-color); }
.circleIconButton-jET_ig:hover .circleIcon-LvPL6c path {
fill: var(--hover-color); }
.circleIconButton-jET_ig svg g path {
fill: var(--accent-color); }
.circleIconButton-jET_ig:hover svg g path {
fill: var(--hover-color); }
.sidebar-2K8pFh {
background-color: var(--background-color); }
.container-PNkimc {
background-color: var(--background-color); }
.header-2o-2hj:hover {
background-color: var(--hover-color); }
.menu-Sp6bN1 {
background-color: var(--hover-color); }
.disableColor-MwOAZf,
.iconBackgroundTierNone-3MPhMJ,
.iconBackgroundTierOne-2LhaMB,
.iconBackgroundTierThree-3qw3JX,
.iconBackgroundTierTwo-3bCmdc {
color: var(--hover-color); }
.modeSelected-1zApJ_ .content-3at_AU {
background-color: var(--secondary-color); }
.modeSelected-1zApJ_:hover .content-3at_AU {
background-color: var(--hover-color); }
.unread-3zKkbm {
background-color: var(--accent-color); }
.panels-j1Uci_ {
background-color: var(--background-color); }
.button-14-BFJ.enabled-2cQ-u7:hover {
background-color: var(--hover-color); }
.members-1998pB {
background-color: var(--background-color); }
.member-3-YXUe:hover {
background-color: var(--hover-color); }
.container-1r6BKw.themed-ANHk51 {
background-color: var(--background-color); }
.children-19S4PO:after {
background: var(--background-color); }
a.anchor-3Z-8Bb.anchorUnderlineOnHover-2ESHQB
.iconWrapper-2OrFZ1.clickable-3rdHwn
.icon-22AiRD[name="Nova_Help"] {
visibility: hidden;
display: none;
width: 0;
height: 0;
-webkit-box-sizing: unset;
box-sizing: unset; }
.container-1r6BKw * a.anchor-3Z-8Bb.anchorUnderlineOnHover-2ESHQB {
-webkit-box-sizing: unset !important;
box-sizing: unset !important;
width: 0; }
.updateIconForeground-3tnNZn {
fill: var(--accent-color); }
.searchBar-3dMhjb {
background-color: var(--secondary-color); }
.icon-3cZ1F_.visible-3V0mGj:first g path {
fill: --hover-color-lighten-10; }
.searchAnswer-3Dz2-q,
.searchFilter-2ESiM3 {
background-color: var(--hover-color) !important; }
.searchResultsWrap-2DKFzt,
.searchResult-3pzFAB.expanded-v2Szsz {
background-color: var(--background-color); }
.channelName-1QajIf {
background-color: var(--background-color); }
.searchResult-3pzFAB:before,
.searchResult-3pzFAB:after {
background-image: unset; }
.searchResultMessage-2VxO12.hit-NLlWXA {
box-shadow: unset; }
.searchResultMessage-2VxO12.hit-NLlWXA,
.expanded-v2Szsz .searchResultMessage-2VxO12.hit-NLlWXA {
background-color: var(--background-color); }
.jumpButton-Ia2hRJ {
background-color: var(--secondary-color); }
.jumpButton-Ia2hRJ:hover {
background-color: var(--hover-color); }
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.emojiPicker-3m1S-j
.scrollerWrap-2lJEkd
.scroller-2FKFPG::-webkit-scrollbar-thumb {
background-color: var(--hover-color) !important; }
.friends-table .scroller-wrap ::-webkit-scrollbar-track-piece,
.messagesWrapper-3lZDfY .scroller-wrap ::-webkit-scrollbar-track-piece,
.scrollerWrap-2lJEkd .scroller-2CvAgC::-webkit-scrollbar-track-piece,
.scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-track,
.sb-menu-scroller:hover::-webkit-scrollbar-track-piece,
.scrollerWrap-2su1QI::-webkit-scrollbar-track-piece,
.scrollerWrap-2su1QI::-webkit-scrollbar-track,
.scroller-2FKFPG::-webkit-scrollbar-track,
.scroller-2FKFPG::-webkit-scrollbar-track-piece {
background-color: transparent !important;
border-color: transparent !important; }
.friends-table .scroller-wrap ::-webkit-scrollbar-thumb,
.messagesWrapper-3lZDfY .scroller-wrap ::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeGhostHairlineChannels-3G0x9_
.scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeGhost-28MSn0
.scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeDark-2cjlUp
.scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeDark-2cjlUp
.scroller-2FKFPG::-webkit-scrollbar-thumb,
.scroller::-webkit-scrollbar-thumb,
.scrollerWrap-2lJEkd .scroller-2CvAgC::-webkit-scrollbar-thumb,
.chat-3bRxxu .textArea-2Spzkt::-webkit-scrollbar-thumb,
.sb-menu-scroller::-webkit-scrollbar-thumb {
background-color: var(--hover-color) !important;
border-color: transparent !important;
border-radius: 40px; }
.emojiPicker-3m1S-j {
background-color: var(--secondary-color); }
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
background-color: var(--hover-color); }
.infoBar-U6oBFk {
background-color: var(--secondary-color); }
.emojiPicker-3m1S-j .categories-1feg4n {
background-color: var(--secondary-color); }
.emojiPicker-3m1S-j .categories-1feg4n .selected-39BZ4S {
border-bottom-color: var(--accent-color); }
.container-2XeR5Z {
background-color: var(--hover-color); }
.searchBar-6Kv8R2 .searchBarComponent-32dTOx {
background-color: var(--secondary-color); }
.privateChannels-1nO12o {
background-color: var(--background-color); }
.scroller-1JbKMe {
background-color: var(--background-color); }
.selected-aXhQR6 .layout-2DM8Md {
background-color: var(--secondary-color); }
.clickable-1JJAn8:hover .layout-2DM8Md {
background-color: var(--hover-color); }
.embedFull-2tM8-- {
background: var(--secondary-color); }
.chat-3bRxxu {
background-color: var(--background-color); }
.channelTextArea-rNsIhG {
background-color: var(--background-color); }
.scrollableContainer-2NUZem {
background-color: var(--background-color); }
.form-2fGMdU:before {
background: unset; }
.messages-3amgkR {
background-color: var(--background-color); }
.message-2qnXI6:hover {
background-color: var(--secondary-color) !important; }
.mentioned-xhSam7 {
background-color: rgba(var(--accent-color), 0.05); }
.mentioned-xhSam7:before {
background-color: var(--accent-color); }
.message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z,
.mentioned-xhSam7:hover {
background-color: rgba(var(--accent-color), 0.08) !important; }
.wrapper-3WhCwL {
color: var(--accent-color);
background: var(--background-color-alpha-1); }
.mentioned-xhSam7 .mention.interactive:hover {
color: var(--accent-color) !important; }
.interactive:hover {
background-color: var(--accent-color); }
.divider-JfaTT5 {
border-top: 3px solid var(--hover-color); }
.content-1o0f9g {
background-color: var(--secondary-color);
border-radius: unset; }
.wrapper-2aW0bm {
background-color: var(--secondary-color); }
.button-1ZiXG9.selected-LCBEAU {
background-color: var(--hover-color); }
.markup-2BOw-j code {
background: var(--secondary-color); }
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
background-color: unset;
border-color: var(--secondary-color);
border-width: 2px;
border-style: solid;
border-radius: var(--roundness); }
.defaultIndicator-G3c16x {
background-color: var(--secondary-color) !important; }
.divider-3573oO {
border-top-color: var(--hover-color);
border-top-width: 3px; }
.paymentPane-3bwJ6A,
.paymentRow-2e7VM6 {
background-color: var(--secondary-color) !important; }
.hoverablePayment-Yc6mK7:hover {
background-color: var(--hover-color) !important; }
.expandedInfo-3kfShd {
background: var(--hover-color) !important; }
.paymentRow-2e7VM6 {
border-color: var(--hover-color) !important; }
.bottomDivider-1K9Gao {
border-bottom-color: var(--hover-color-lighten-10) !important; }
.paginator-166-09 {
background: var(--secondary-color) !important; }
.pageButtonNext-V2kUq0,
.pageIndicator-1gAbyA,
.pageButtonPrev-1Y-47D {
border-color: var(--hover-color-lighten-10) !important; }
.codeRedemptionRedirect-1wVR4b {
background-color: unset !important; }
.detailsBlock-FoDTGA {
background-color: var(--secondary-color); }
.guildHeader-3nh5RK {
background-color: var(--secondary-color); }
.guildSubscriptionSlots-JPXXvN {
background-color: var(--secondary-color); }
.cardWrapper-2Min21 {
background: var(--secondary-color); }
.notDetected-33MY4s {
background-color: var(--secondary-color) !important; }
.preview-2nSL_2 {
background-color: var(--background-color); }
.item-3eFBNF.selected-2DeaDa {
background-color: var(--secondary-color); }
.item-3eFBNF.selected-2DeaDa:hover {
background-color: var(--hover-color); }
.layer-3QrUeG {
background-color: var(--background-color); }
/* Tab List */
.sidebarRegionScroller-3MXcoP {
background-color: var(--background-color); }
.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
background-color: var(--secondary-color); }
.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover,
.topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover {
background-color: var(--hover-color); }
a[title="Twitter"] .foreground-26ym5y {
fill: #1da1f2 !important; }
a[title="Facebook"] .foreground-26ym5y {
fill: #3b5998 !important; }
a[title="Instagram"] .foreground-26ym5y {
fill: #f10176 !important; }
.info-1VyQPT::before {
content: "Frozen Black" " " "0.0.1-alpha";
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #ffffff; }
/* Main Window */
.contentRegion-3nDuYy {
background-color: var(--background-color); }
.contentRegionScroller-26nc1e {
background-color: var(--background-color); }
.cardPrimary-1Hv-to {
background: unset; }
.flexChild-faoVW3 > div:last-child > .viewBody-2Qz-jg.selectable-x8iAUj {
filter: blur(5px); }
.root-1gCeng {
background-color: var(--background-color) !important; }
.footer-3rDWdC {
background-color: var(--background-color) !important; }
.applicationStore-1pNvnv {
background-color: var(--background-color); }
.scroller-9moviB {
background-color: var(--background-color); }
.tabBar-ZmDY9v .item-3HknzM:last-child {
background-color: var(--accent-color) !important; }
.nowPlayingColumn-2sl4cE {
background: var(--secondary-color); }
.wrapper-3D2qGf {
background-color: var(--secondary-color);
border-color: var(--hover-color);
border-width: 2px;
border-style: solid;
border-radius: var(--roundness); }
.inset-3sAvek {
background-color: var(--hover-color) !important; }
.theme-dark .outer-1AjyKL.active-1xchHY,
.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover {
background: rgba(var(--accent-color), 0.02); }
.container-1D34oG {
background-color: var(--background-color) !important; }
.peopleListItem-2nzedh:hover {
background: var(--hover-color); }
.actionButton-uPB8Fs {
background-color: var(--secondary-color); }
.root-SR8cQa {
background-color: var(--background-color); }
.topSectionNormal-2-vo2m {
background-color: var(--background-color); }
.lookFilled-1Gx00P.colorGreen-29iAKY {
background-color: var(--accent-color); }
.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
background-color: var(--accent-color-lighten-10); }
.body-3ND3kc {
background-color: var(--secondary-color); }
.note-3kmerW textarea:focus {
background-color: var(--background-color); }
.headerNormal-T_seeN {
background-color: var(--background-color) !important; }
.bodyInner-245q0L,
.footer-1fjuF6 {
background-color: var(--secondary-color) !important; }
.quickMessage-1yeL4E {
background-color: var(--background-color) !important; }
:root {
--background-color: #101010;
--background-color-alpha-1: rgba($color: $background-color, $alpha: 0.1);
--secondary-color: #161616;
--secondary-color-lighter-5: #232323;
--hover-color: #202020;
--hover-color-lighten-10: lighten($color: $hover-color, $amount: 10%);
--accent-color: #cb1f4e;
--accent-color-lighten-10: lighten($color: $accent-color, $amount: 10%);
--roundness: 5px;
--email-blur: true; }
.appMount-3lHmkl,
body {
background-color: var(--background-color); }
.app-2rEoOp {
background-color: var(--background-color); }
.bg-h5JY_x {
background-color: var(--background-color); }
.themeDefault-24hCdX {
background-color: var(--secondary-color); }
.lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color-lighter-5);
border-width: 2px;
border-style: solid;
border-radius: var(--roundness); }
.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
background-color: var(--secondary-color-lighter-5) !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment