diff --git a/README.md b/README.md index d6fd4cb..56fd7e0 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,23 @@ # Discord AMOBlack Very dark Discord theme, ideal for AMOLED displays. +![Screenshot](screens/0.png?raw=true) + Most plugins work without any problems. If some plugin element is not made black or there's some other problem, please create an issue [here][issues]. +### Currently supported plugins: +1. **[MemberCount by Arashiryuu][plugin membercount]** +(background color fix) +![](screens/membercount.png?raw=true) +2. **[CharCounter by DevilBro][plugin charcounter]** +(placement and color fix) +![](screens/charcounter.png?raw=true) +3. **[BetterFormattingRedux][plugin bfredux]** +(background color fix) +![](screens/bfredux.png) + +Every other plugin I use works well, but if you use one that doesn't look good with this theme, feel free to [create an issue][issues]! + How to install --- 1. Download the file called [amoblack.theme.css](amoblack.theme.css) (or [amoblack-dev](amoblack-dev.theme.css) for dev version) by right-clicking the button @@ -14,4 +29,7 @@ You can close the file explorer windows. To enable it, toggle the switch on its right. The theme should now be loaded. -[issues]: /../../issues/ \ No newline at end of file +[issues]: /../../issues/ +[plugin membercount]: https://github.com/Arashiryuu/crap/blob/master/ToastIntegrated/MemberCount/MemberCount.plugin.js +[plugin charcounter]: https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/CharCounter +[plugin bfredux]: https://github.com/rauenzi/BetterDiscordAddons/tree/master/Plugins/BetterFormattingRedux \ No newline at end of file diff --git a/screens/0.png b/screens/0.png new file mode 100644 index 0000000..5101b19 Binary files /dev/null and b/screens/0.png differ diff --git a/screens/bfredux.png b/screens/bfredux.png new file mode 100644 index 0000000..5397a9d Binary files /dev/null and b/screens/bfredux.png differ diff --git a/screens/charcounter.png b/screens/charcounter.png new file mode 100644 index 0000000..587b80b Binary files /dev/null and b/screens/charcounter.png differ diff --git a/screens/membercount.png b/screens/membercount.png new file mode 100644 index 0000000..0762883 Binary files /dev/null and b/screens/membercount.png differ diff --git a/src/theme.css b/src/theme.css index 6bfdeb8..838b8bc 100644 --- a/src/theme.css +++ b/src/theme.css @@ -164,6 +164,9 @@ html.theme-dark .header-2o-2hj, html.theme-dark .searchBar-6Kv8R2 { html.theme-dark .searchBar-6Kv8R2 { height: 47px; } +html.theme-dark .hasBanner-14PPlG .header-2o-2hj { + border-bottom: none; +} html.theme-dark .panels-j1Uci_ { border-top: 1px var(--ab--border) solid; } @@ -174,6 +177,9 @@ html.theme-dark .form-2fGMdU { html.theme-dark .channelTextArea-rNsIhG { margin: 4px 0 5px; } +html.theme-dark .wrapper-39oAo3 { + margin-bottom: 1px; +} html.theme-dark .tooltipPointer-3ZfirK { border-top-color: var(--ab--selected); } diff --git a/src/theme.css.map b/src/theme.css.map index fd7962a..d9eebd7 100644 --- a/src/theme.css.map +++ b/src/theme.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["theme.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIA;EA7CE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAyCF;EAhDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AA6CF;EApDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAgDF;EAvDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAqDF;EACE;EAEA;;AAtFA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAyD0C;EAvD1C;EAKE,SAkDqD;;AAGvD;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EAlFA;;AA3BA;EAYA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;EA6EE;;AAKJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAKF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAKF;AAAA;AAAA;EAGE;;AA3LA;AAAA;AAAA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAmL3B;EACA;EACA;;AAMJ;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;EA7LA;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AA2LF;EACE;;AAEF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;EACA;;AAGA;EACE;;AAMJ;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA","file":"theme.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["theme.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIA;EA7CE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAyCF;EAhDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AA6CF;EApDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAgDF;EAvDE;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAqDF;EACE;EAEA;;AAtFA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAyD0C;EAvD1C;EAKE,SAkDqD;;AAGvD;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EAlFA;;AA3BA;EAYA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;EA6EE;;AAKJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAKF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;AAIF;EACE;;AAIF;EACE;;AAEF;EACE;;AAKF;AAAA;AAAA;EAGE;;AApMA;AAAA;AAAA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EA4L3B;EACA;EACA;;AAMJ;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;EAtMA;;AAvBA;EAQA;EACA;EACA;EAAQ;EAAU;EAAW;EAiB7B;EACA,eAXO;EAaP;;AAoMF;EACE;;AAEF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;EACA;;AAGA;EACE;;AAMJ;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA","file":"theme.css"} \ No newline at end of file diff --git a/src/theme.min.css b/src/theme.min.css index 51e07ce..1189fbb 100644 --- a/src/theme.min.css +++ b/src/theme.min.css @@ -1 +1 @@ -html.theme-dark{--background-primary: #000;--background-secondary: #000;--background-secondary-alt: #000;--background-tertiary: #000;--background-accent: #000;--background-floating: #000;--channeltextarea-background: #000;--text-normal: #888;--text-link: #079;--header-primary: #888;--interactive-active: var(--text-normal);--background-modifier-active: transparent;--interactive-selected: var(--text-normal);--background-modifier-selected: transparent;--interactive-hover: var(--text-normal);--background-modifier-hover: transparent;--deprecated-text-input-bg: #000;--deprecated-text-input-border: #666;--background-mentioned-hover: transparent;--ab--selected: #666;--ab--hover: #444;--ab--border: #222}html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover,html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i,html.theme-dark .modeSelected-1zApJ_ .content-3at_AU,html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU,html.theme-dark .selected-aXhQR6 .layout-2DM8Md,html.theme-dark .wrapper-1ucjTd:hover .content-3at_AU{position:relative}html.theme-dark .modeSelected-1zApJ_ .content-3at_AU::before,html.theme-dark .selected-aXhQR6 .layout-2DM8Md::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--selected) solid;border-radius:5px;pointer-events:none}html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i::before,html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover::before,html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--hover) solid;border-radius:5px;pointer-events:none}html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU::before{border:1px var(--ab--selected) solid}html.theme-dark .expandedFolderBackground-2sPsd-::before,html.theme-dark .wrapper-1ucjTd:hover .content-3at_AU::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--hover) solid;border-radius:5px;pointer-events:none}html.theme-dark .expandedFolderBackground-2sPsd-{min-height:48px;pointer-events:none}html.theme-dark .expandedFolderBackground-2sPsd-::before{border:1px var(--ab--border) solid;border-radius:24px;z-index:1000}html.theme-dark .expandedFolderBackground-2sPsd-.collapsed-1GMuSb::before{border-radius:17px}html.theme-dark .embedFull-2tM8--{border:1px solid var(--ab--border);border-left-width:4px}html.theme-dark .embedFull-2tM8-- .embedMedia-1guQoW{margin-top:5px}html.theme-dark .mentioned-xhSam7{background-color:transparent;position:relative}html.theme-dark .mentioned-xhSam7::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px #faa61a solid;border-radius:5px;pointer-events:none;border-left-width:4px}html.theme-dark .buttons-cl5qTG .wrapper-2aW0bm,html.theme-dark .drawerSizingWrapper-17Mss4,html.theme-dark .menu-3sdvDG,html.theme-dark .modal-3c3bKg .inner-1ilYF7{border:1px var(--ab--border) solid}html.theme-dark .titleBar-AC4pGV{border-bottom:1px var(--ab--border) solid}html.theme-dark .guilds-1SWlCJ{width:71px}html.theme-dark .guilds-1SWlCJ,html.theme-dark .sidebar-2K8pFh{border-right:1px var(--ab--border) solid}html.theme-dark .title-3qD0b-{border-bottom:1px var(--ab--border) solid}html.theme-dark .members-1998pB{border-left:1px var(--ab--border) solid}html.theme-dark .header-2o-2hj,html.theme-dark .searchBar-6Kv8R2{border-bottom:1px var(--ab--border) solid}html.theme-dark .searchBar-6Kv8R2{height:47px}html.theme-dark .form-2fGMdU,html.theme-dark .panels-j1Uci_{border-top:1px var(--ab--border) solid}html.theme-dark .form-2fGMdU{padding:0}html.theme-dark .channelTextArea-rNsIhG{margin:4px 0 5px}html.theme-dark .tooltipPointer-3ZfirK{border-top-color:var(--ab--selected)}html.theme-dark .tooltipContent-bqVLWK{border:1px var(--ab--selected) solid}html.theme-dark .blobContainer-239gwq,html.theme-dark .closedFolderIconWrapper-15K9MK,html.theme-dark .message-2qnXI6 .imageWrapper-2p5ogY{position:relative}html.theme-dark .blobContainer-239gwq::before,html.theme-dark .closedFolderIconWrapper-15K9MK::before,html.theme-dark .message-2qnXI6 .imageWrapper-2p5ogY::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:999;pointer-events:none}html.theme-dark .container-1D34oG,html.theme-dark .root-1gCeng{background:var(--background-primary)}html.theme-dark .footer-2gL1pp{background:var(--background-secondary)}html.theme-dark .friendSelected-1sa4bG{background:var(--background-modifier-selected);position:relative}html.theme-dark .friendSelected-1sa4bG::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--selected) solid;border-radius:5px;pointer-events:none}html.theme-dark .headerNormal-T_seeN{background:var(--background-tertiary)}html.theme-dark .body-3iLsc4,html.theme-dark .footer-1fjuF6{background:var(--background-secondary)}html.theme-dark .uploadModal-2ifh8j{background:var(--background-primary)}html.theme-dark #MemberCount,html.theme-dark .footer-3mqk7D{background:var(--background-secondary)}html.theme-dark .typing-2GQL18{bottom:100%}html.theme-dark .container-3ayLPN{background:var(--background-primary);border:1px var(--ab--border) solid}html.theme-dark .option-96V44q.selected-rZcOL-{background:var(--background-secondary);border:1px var(--ab--selected) solid}html.theme-dark .option-96V44q.selected-rZcOL-::after,html.theme-dark .option-96V44q::after{background:0 0}html.theme-dark .chatCounter-XOMPsh{bottom:0;right:120px;color:var(--ab--hover)}html.theme-dark .bf-toolbar::before{background:var(--background-accent);border:1px var(--ab--selected) solid} \ No newline at end of file +html.theme-dark{--background-primary: #000;--background-secondary: #000;--background-secondary-alt: #000;--background-tertiary: #000;--background-accent: #000;--background-floating: #000;--channeltextarea-background: #000;--text-normal: #888;--text-link: #079;--header-primary: #888;--interactive-active: var(--text-normal);--background-modifier-active: transparent;--interactive-selected: var(--text-normal);--background-modifier-selected: transparent;--interactive-hover: var(--text-normal);--background-modifier-hover: transparent;--deprecated-text-input-bg: #000;--deprecated-text-input-border: #666;--background-mentioned-hover: transparent;--ab--selected: #666;--ab--hover: #444;--ab--border: #222}html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover,html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i,html.theme-dark .modeSelected-1zApJ_ .content-3at_AU,html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU,html.theme-dark .selected-aXhQR6 .layout-2DM8Md,html.theme-dark .wrapper-1ucjTd:hover .content-3at_AU{position:relative}html.theme-dark .modeSelected-1zApJ_ .content-3at_AU::before,html.theme-dark .selected-aXhQR6 .layout-2DM8Md::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--selected) solid;border-radius:5px;pointer-events:none}html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover .muted-3mU76i::before,html.theme-dark .clickable-1JJAn8.container-2Pjhx-:hover::before,html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--hover) solid;border-radius:5px;pointer-events:none}html.theme-dark .modeSelected-1zApJ_:hover .content-3at_AU::before{border:1px var(--ab--selected) solid}html.theme-dark .expandedFolderBackground-2sPsd-::before,html.theme-dark .wrapper-1ucjTd:hover .content-3at_AU::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--hover) solid;border-radius:5px;pointer-events:none}html.theme-dark .expandedFolderBackground-2sPsd-{min-height:48px;pointer-events:none}html.theme-dark .expandedFolderBackground-2sPsd-::before{border:1px var(--ab--border) solid;border-radius:24px;z-index:1000}html.theme-dark .expandedFolderBackground-2sPsd-.collapsed-1GMuSb::before{border-radius:17px}html.theme-dark .embedFull-2tM8--{border:1px solid var(--ab--border);border-left-width:4px}html.theme-dark .embedFull-2tM8-- .embedMedia-1guQoW{margin-top:5px}html.theme-dark .mentioned-xhSam7{background-color:transparent;position:relative}html.theme-dark .mentioned-xhSam7::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px #faa61a solid;border-radius:5px;pointer-events:none;border-left-width:4px}html.theme-dark .buttons-cl5qTG .wrapper-2aW0bm,html.theme-dark .drawerSizingWrapper-17Mss4,html.theme-dark .menu-3sdvDG,html.theme-dark .modal-3c3bKg .inner-1ilYF7{border:1px var(--ab--border) solid}html.theme-dark .titleBar-AC4pGV{border-bottom:1px var(--ab--border) solid}html.theme-dark .guilds-1SWlCJ{width:71px}html.theme-dark .guilds-1SWlCJ,html.theme-dark .sidebar-2K8pFh{border-right:1px var(--ab--border) solid}html.theme-dark .title-3qD0b-{border-bottom:1px var(--ab--border) solid}html.theme-dark .members-1998pB{border-left:1px var(--ab--border) solid}html.theme-dark .header-2o-2hj,html.theme-dark .searchBar-6Kv8R2{border-bottom:1px var(--ab--border) solid}html.theme-dark .searchBar-6Kv8R2{height:47px}html.theme-dark .hasBanner-14PPlG .header-2o-2hj{border-bottom:none}html.theme-dark .form-2fGMdU,html.theme-dark .panels-j1Uci_{border-top:1px var(--ab--border) solid}html.theme-dark .form-2fGMdU{padding:0}html.theme-dark .channelTextArea-rNsIhG{margin:4px 0 5px}html.theme-dark .wrapper-39oAo3{margin-bottom:1px}html.theme-dark .tooltipPointer-3ZfirK{border-top-color:var(--ab--selected)}html.theme-dark .tooltipContent-bqVLWK{border:1px var(--ab--selected) solid}html.theme-dark .blobContainer-239gwq,html.theme-dark .closedFolderIconWrapper-15K9MK,html.theme-dark .message-2qnXI6 .imageWrapper-2p5ogY{position:relative}html.theme-dark .blobContainer-239gwq::before,html.theme-dark .closedFolderIconWrapper-15K9MK::before,html.theme-dark .message-2qnXI6 .imageWrapper-2p5ogY::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:999;pointer-events:none}html.theme-dark .container-1D34oG,html.theme-dark .root-1gCeng{background:var(--background-primary)}html.theme-dark .footer-2gL1pp{background:var(--background-secondary)}html.theme-dark .friendSelected-1sa4bG{background:var(--background-modifier-selected);position:relative}html.theme-dark .friendSelected-1sa4bG::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px var(--ab--selected) solid;border-radius:5px;pointer-events:none}html.theme-dark .headerNormal-T_seeN{background:var(--background-tertiary)}html.theme-dark .body-3iLsc4,html.theme-dark .footer-1fjuF6{background:var(--background-secondary)}html.theme-dark .uploadModal-2ifh8j{background:var(--background-primary)}html.theme-dark #MemberCount,html.theme-dark .footer-3mqk7D{background:var(--background-secondary)}html.theme-dark .typing-2GQL18{bottom:100%}html.theme-dark .container-3ayLPN{background:var(--background-primary);border:1px var(--ab--border) solid}html.theme-dark .option-96V44q.selected-rZcOL-{background:var(--background-secondary);border:1px var(--ab--selected) solid}html.theme-dark .option-96V44q.selected-rZcOL-::after,html.theme-dark .option-96V44q::after{background:0 0}html.theme-dark .chatCounter-XOMPsh{bottom:0;right:120px;color:var(--ab--hover)}html.theme-dark .bf-toolbar::before{background:var(--background-accent);border:1px var(--ab--selected) solid} \ No newline at end of file diff --git a/src/theme.scss b/src/theme.scss index 48f5506..129b462 100644 --- a/src/theme.scss +++ b/src/theme.scss @@ -175,6 +175,10 @@ html.theme-dark { .searchBar-6Kv8R2 { height: 47px; } + // Unless the server has a banner + .hasBanner-14PPlG .header-2o-2hj { + border-bottom: none; + } // Sidebar footer .panels-j1Uci_ { border-top: 1px var(--ab--border) solid; @@ -189,6 +193,11 @@ html.theme-dark { margin: 4px 0 5px; } + // Follow channel updates info + .wrapper-39oAo3 { + margin-bottom: 1px; + } + // Tooltips .tooltipPointer-3ZfirK { border-top-color: var(--ab--selected);