diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index cb6dace495..6067f43746 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -170,7 +170,8 @@ html { 12. RTCSTATUSPOPOUT 13. PHONE-/EMAILVALIDATION 12. BDSUPPORT - 13. PLUGINSUPPORT + 13. POWERCORDSUPPORT + 14. PLUGINSUPPORT 1. MEMBERCOUNT 2. CHANNELTABS */ @@ -247,6 +248,9 @@ html { box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } +#app-mount .text-2sI5Sd { + color: var(--header-primary); +} #app-mount .editIcon-13gaox { background: var(--header-primary); -webkit-mask: url(https://discordapp.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg); @@ -1324,6 +1328,7 @@ html { #app-mount .popout-38lTFE { background-color: var(--background-floating); + border-color: var(--background-tertiary); box-shadow: 0 8px 16px rgba(0,0,0,.24); } #app-mount .enabled-1t_Gxm:hover { @@ -2315,6 +2320,7 @@ html { #app-mount .footer-3rDWdC { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--vbackgroundsecondary),.6); + color: var(--header-secondary); } #app-mount .modal-6GHvdM .tabBarContainer-1s1u-z { @@ -3786,15 +3792,41 @@ html { } -/* ~~~~ 13. PLUGINSUPPPORT ~~~~ */ +/* ~~~~ 13. POWERCORDSUPPORT ~~~~ */ -/* ---- 13.1. MEMBERCOUNT ---- */ +.powercord-toast .header { + background-color: var(--background-floating); + box-shadow: var(--elevation-medium); +} + +.powercord-pc-icon { + margin-right: 4px; +} +.powercord-pc-icon svg { + padding-right: 0; + width: 28px; +} +.powercord-pc-icon::before { + background: var(--interactive-normal); + -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==") left/18px 18px no-repeat; +} +.powercord-pc-icon:hover::before { + background: var(--interactive-hover); +} +.powercord-pc-icon:active::before { + background: var(--interactive-active); +} + + +/* ~~~~ 14. PLUGINSUPPPORT ~~~~ */ + +/* ---- 14.1. MEMBERCOUNT ---- */ #app-mount #MemberCount { background-color: var(--background-secondary); } -/* ---- 13.2. CHANNELTABS ---- */ +/* ---- 14.2. CHANNELTABS ---- */ html .channelTabs-tabContainer, html .channelTabs-favContainer { @@ -3861,20 +3893,20 @@ html .channelTabs-tab::after { width: 20px; bottom: 0; } -html .channelTabs-tab::after { - right: -20px; - border-radius: 0 0 0 8px; -} html .channelTabs-tab::before { left: -20px; border-radius: 0 0 8px 0; } -html .channelTabs-tab:not(.channelTabs-selected):hover::after { - box-shadow: -8px 0 0 0 var(--background-secondary); +html .channelTabs-tab::after { + right: -20px; + border-radius: 0 0 0 8px; } html .channelTabs-tab:not(.channelTabs-selected):hover::before { box-shadow: 8px 0 0 0 var(--background-secondary); } +html .channelTabs-tab:not(.channelTabs-selected):hover::after { + box-shadow: -8px 0 0 0 var(--background-secondary); +} html .channelTabs-selected::after { box-shadow: -8px 0 0 0 var(--background-tertiary); }