diff --git a/clients/amoled-cord.theme.css b/clients/amoled-cord.theme.css index 4d8d98d..7df73a6 100644 --- a/clients/amoled-cord.theme.css +++ b/clients/amoled-cord.theme.css @@ -2,7 +2,7 @@ * @name AMOLED-Cord * @author LuckFire * @description A basically pitch black theme for Discord. Lights out, baby! - * @version 4.1.0 + * @version 4.1.1 * @invite vYdXbEzqDs * @authorId 399416615742996480 * @source https://github.com/LuckFire/amoled-cord @@ -218,24 +218,6 @@ html.theme-dark .theme-light .root_a28985, background-color: var(--background-primary); } -:is(.theme-dark, .platform-overlay) .overlayBackground_c95d46 { - background-color: rgba(0, 0, 0, 0.75); -} -:is(.theme-dark, .platform-overlay) .contained__6398e, -:is(.theme-dark, .platform-overlay) .headerContainer_c6e0ea, -:is(.theme-dark, .platform-overlay) .messagesContainer__8cac7, -:is(.theme-dark, .platform-overlay) .footerContent__32b34 { - background-color: var(--background-primary) !important; -} -:is(.theme-dark, .platform-overlay) .sidebar__398fc, -:is(.theme-dark, .platform-overlay) .panels__1458f, :is(.theme-dark, .platform-overlay) .panels__1458f > div, -:is(.theme-dark, .platform-overlay) .searchBar__107ca, -:is(.theme-dark, .platform-overlay) .header__0d02e, -:is(.theme-dark, .platform-overlay) .privateChannels__9b1e8, :is(.theme-dark, .platform-overlay) .privateChannels__9b1e8 .scroller__89969, -:is(.theme-dark, .platform-overlay) .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .panels_f8dc5f > div { - background-color: var(--background-primary) !important; -} - :is(.theme-dark, .theme-midnight) #app-mount .bar_e58961 { background-color: var(--background-accent); } @@ -468,6 +450,70 @@ html.theme-dark .theme-light .root_a28985, background-color: var(--background-primary); } +:is(.theme-dark, .platform-overlay) .overlayActive__6e5ba { + background-color: hsl(var(--primary-900-hsl)/0.75); +} +:is(.theme-dark, .platform-overlay) .layoutUnlocked__88d1a .widget_fa48f3.default_afb52e { + background-color: var(--background-primary); +} + +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .headerContainer_c6e0ea, +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .footer__20fac { + background-color: var(--background-primary) !important; +} +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .messagesContainer__8cac7 { + background-color: var(--background-primary) !important; +} +:is(.theme-dark, .platform-overlay) .opacityHeader__60a91 { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .footer__20fac, +:is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .headerContainer_c6e0ea { + border-radius: 0px; +} +:is(.theme-dark, .platform-overlay) .background-opacity-high .scrollableContainer_ff917f { + background-color: var(--channeltextarea-background); +} + +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e:hover { + background-color: var(--background-secondary); +} +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae .dismissButton_aad284 { + box-shadow: none; + background-color: var(--background-secondary-alt); +} + +:is(.theme-dark, .platform-overlay) .option__1d8de:not(.selected__4e154, :hover) { + background-color: var(--primary-600); +} +:is(.theme-dark, .platform-overlay) .disabled__586d3:not(.selected__4e154, :hover) { + color: var(--primary-600); +} + +:is(.theme-dark, .platform-overlay) .sidebar__398fc { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .header__0d02e, +:is(.theme-dark, .platform-overlay) .sidebar__398fc .scroller__89969 { + background-color: transparent !important; +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .searchBar__107ca { + box-shadow: none !important; +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f > div, +:is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f > div { + background-color: var(--background-primary) !important; +} + +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .draggableStartArea__9df7d, +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .body_c27002, +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .controls_c0b2b8 { + background-color: var(--background-primary); +} + :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_b025fe .separator_fc3370 { background-color: var(--background-secondary); } diff --git a/clients/amoled-cord.user.css b/clients/amoled-cord.user.css index 5059db2..433e340 100644 --- a/clients/amoled-cord.user.css +++ b/clients/amoled-cord.user.css @@ -3,7 +3,7 @@ @name AMOLED-Cord @author LuckFire @description A basically pitch black theme for Discord. Lights out, baby! - @version 4.1.0 + @version 4.1.1 @namespace https://github.com/discord-extensions/amoled-cord @license MIT ==/UserStyle== */ @@ -217,24 +217,6 @@ background-color: var(--background-primary); } - :is(.theme-dark, .platform-overlay) .overlayBackground_c95d46 { - background-color: rgba(0, 0, 0, 0.75); - } - :is(.theme-dark, .platform-overlay) .contained__6398e, - :is(.theme-dark, .platform-overlay) .headerContainer_c6e0ea, - :is(.theme-dark, .platform-overlay) .messagesContainer__8cac7, - :is(.theme-dark, .platform-overlay) .footerContent__32b34 { - background-color: var(--background-primary) !important; - } - :is(.theme-dark, .platform-overlay) .sidebar__398fc, - :is(.theme-dark, .platform-overlay) .panels__1458f, :is(.theme-dark, .platform-overlay) .panels__1458f > div, - :is(.theme-dark, .platform-overlay) .searchBar__107ca, - :is(.theme-dark, .platform-overlay) .header__0d02e, - :is(.theme-dark, .platform-overlay) .privateChannels__9b1e8, :is(.theme-dark, .platform-overlay) .privateChannels__9b1e8 .scroller__89969, - :is(.theme-dark, .platform-overlay) .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .panels_f8dc5f > div { - background-color: var(--background-primary) !important; - } - :is(.theme-dark, .theme-midnight) #app-mount .bar_e58961 { background-color: var(--background-accent); } @@ -467,6 +449,70 @@ background-color: var(--background-primary); } + :is(.theme-dark, .platform-overlay) .overlayActive__6e5ba { + background-color: hsl(var(--primary-900-hsl)/0.75); + } + :is(.theme-dark, .platform-overlay) .layoutUnlocked__88d1a .widget_fa48f3.default_afb52e { + background-color: var(--background-primary); + } + + :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .headerContainer_c6e0ea, + :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .footer__20fac { + background-color: var(--background-primary) !important; + } + :is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .messagesContainer__8cac7 { + background-color: var(--background-primary) !important; + } + :is(.theme-dark, .platform-overlay) .opacityHeader__60a91 { + background-color: var(--background-primary); + } + :is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .footer__20fac, + :is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .headerContainer_c6e0ea { + border-radius: 0px; + } + :is(.theme-dark, .platform-overlay) .background-opacity-high .scrollableContainer_ff917f { + background-color: var(--channeltextarea-background); + } + + :is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e { + background-color: var(--background-primary); + } + :is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e:hover { + background-color: var(--background-secondary); + } + :is(.theme-dark, .platform-overlay) .themePrimary_c433ae .dismissButton_aad284 { + box-shadow: none; + background-color: var(--background-secondary-alt); + } + + :is(.theme-dark, .platform-overlay) .option__1d8de:not(.selected__4e154, :hover) { + background-color: var(--primary-600); + } + :is(.theme-dark, .platform-overlay) .disabled__586d3:not(.selected__4e154, :hover) { + color: var(--primary-600); + } + + :is(.theme-dark, .platform-overlay) .sidebar__398fc { + background-color: var(--background-primary); + } + :is(.theme-dark, .platform-overlay) .sidebar__398fc .header__0d02e, + :is(.theme-dark, .platform-overlay) .sidebar__398fc .scroller__89969 { + background-color: transparent !important; + } + :is(.theme-dark, .platform-overlay) .sidebar__398fc .searchBar__107ca { + box-shadow: none !important; + } + :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f > div, + :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f > div { + background-color: var(--background-primary) !important; + } + + :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .draggableStartArea__9df7d, + :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .body_c27002, + :is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .controls_c0b2b8 { + background-color: var(--background-primary); + } + :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_b025fe .separator_fc3370 { background-color: var(--background-secondary); } diff --git a/package.json b/package.json index 560bc01..9700b04 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "amoled-cord", - "version": "4.1.0", + "version": "4.1.1", "description": "A basically pitch black theme for Discord. Lights out, baby!", "author": "LuckFire", "scripts": { diff --git a/src/amoled-cord.css b/src/amoled-cord.css index 24e9188..9ef235a 100644 --- a/src/amoled-cord.css +++ b/src/amoled-cord.css @@ -205,24 +205,6 @@ html.theme-dark .theme-light .root_a28985, background-color: var(--background-primary); } -:is(.theme-dark, .platform-overlay) .overlayBackground_c95d46 { - background-color: rgba(0, 0, 0, 0.75); -} -:is(.theme-dark, .platform-overlay) .contained__6398e, -:is(.theme-dark, .platform-overlay) .headerContainer_c6e0ea, -:is(.theme-dark, .platform-overlay) .messagesContainer__8cac7, -:is(.theme-dark, .platform-overlay) .footerContent__32b34 { - background-color: var(--background-primary) !important; -} -:is(.theme-dark, .platform-overlay) .sidebar__398fc, -:is(.theme-dark, .platform-overlay) .panels__1458f, :is(.theme-dark, .platform-overlay) .panels__1458f > div, -:is(.theme-dark, .platform-overlay) .searchBar__107ca, -:is(.theme-dark, .platform-overlay) .header__0d02e, -:is(.theme-dark, .platform-overlay) .privateChannels__9b1e8, :is(.theme-dark, .platform-overlay) .privateChannels__9b1e8 .scroller__89969, -:is(.theme-dark, .platform-overlay) .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .panels_f8dc5f > div { - background-color: var(--background-primary) !important; -} - :is(.theme-dark, .theme-midnight) #app-mount .bar_e58961 { background-color: var(--background-accent); } @@ -455,6 +437,70 @@ html.theme-dark .theme-light .root_a28985, background-color: var(--background-primary); } +:is(.theme-dark, .platform-overlay) .overlayActive__6e5ba { + background-color: hsl(var(--primary-900-hsl)/0.75); +} +:is(.theme-dark, .platform-overlay) .layoutUnlocked__88d1a .widget_fa48f3.default_afb52e { + background-color: var(--background-primary); +} + +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .headerContainer_c6e0ea, +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .footer__20fac { + background-color: var(--background-primary) !important; +} +:is(.theme-dark, .platform-overlay) :is(.contained__6398e, .wrapper_f8616a:not(:has(.locked__51092))) .messagesContainer__8cac7 { + background-color: var(--background-primary) !important; +} +:is(.theme-dark, .platform-overlay) .opacityHeader__60a91 { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .footer__20fac, +:is(.theme-dark, .platform-overlay) .wrapper_f8616a:has(.default_afb52e) .headerContainer_c6e0ea { + border-radius: 0px; +} +:is(.theme-dark, .platform-overlay) .background-opacity-high .scrollableContainer_ff917f { + background-color: var(--channeltextarea-background); +} + +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae.container__5c54e:hover { + background-color: var(--background-secondary); +} +:is(.theme-dark, .platform-overlay) .themePrimary_c433ae .dismissButton_aad284 { + box-shadow: none; + background-color: var(--background-secondary-alt); +} + +:is(.theme-dark, .platform-overlay) .option__1d8de:not(.selected__4e154, :hover) { + background-color: var(--primary-600); +} +:is(.theme-dark, .platform-overlay) .disabled__586d3:not(.selected__4e154, :hover) { + color: var(--primary-600); +} + +:is(.theme-dark, .platform-overlay) .sidebar__398fc { + background-color: var(--background-primary); +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .header__0d02e, +:is(.theme-dark, .platform-overlay) .sidebar__398fc .scroller__89969 { + background-color: transparent !important; +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .searchBar__107ca { + box-shadow: none !important; +} +:is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels__1458f > div, +:is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f, :is(.theme-dark, .platform-overlay) .sidebar__398fc .panels_f8dc5f > div { + background-color: var(--background-primary) !important; +} + +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .draggableStartArea__9df7d, +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .body_c27002, +:is(.theme-dark, .platform-overlay) .widget_fa48f3.pinned_a0557c .controls_c0b2b8 { + background-color: var(--background-primary); +} + :is(.theme-dark, .theme-midnight) #app-mount .nowPlayingColumn_b025fe .separator_fc3370 { background-color: var(--background-secondary); }