This commit is contained in:
Mirco Wittrien 2021-05-06 17:50:44 +02:00
parent 92653db9b1
commit 05503f85e3
4 changed files with 320 additions and 859 deletions

View File

@ -189,6 +189,14 @@ module.exports = (_ => {
};
this.css = `
${BDFDB.dotCN._badgeseverywherebadges} {
display: flex;
justify-content: center;
align-items: center;
}
${BDFDB.dotCN._badgeseverywherebadgespopout} {
margin-top: 6px;
}
${BDFDB.dotCN._badgeseverywherebadgeschat} {
display: inline-flex;
position: relative;
@ -197,9 +205,6 @@ module.exports = (_ => {
${BDFDB.dotCNS.messagerepliedmessage + BDFDB.dotCN._badgeseverywherebadgeschat} {
top: 0;
}
${BDFDB.dotCN._badgeseverywheremini} {
margin-left: 5px;
}
${BDFDB.dotCNS.messagecompact + BDFDB.dotCN.messageusername} ~ ${BDFDB.dotCN._badgeseverywherebadges},
${BDFDB.dotCNS.messagerepliedmessage + BDFDB.dotCN.messageusername} ~ ${BDFDB.dotCN._badgeseverywherebadges} {
margin-right: .25rem;
@ -208,6 +213,9 @@ module.exports = (_ => {
${BDFDB.dotCNS.messagerepliedmessage + BDFDB.dotCN.messageusername} ~ ${BDFDB.dotCN._badgeseverywherebadges} {
margin-left: 0;
}
${BDFDB.dotCN._badgeseverywheremini} {
margin-left: 5px;
}
${BDFDB.dotCN._badgeseverywherebadgesinner} {
display: inline-grid;

File diff suppressed because it is too large Load Diff

View File

@ -600,7 +600,7 @@
}
/* categorylist selected item */
.categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb {
background-color: rgb(var(--accentcolor));
}
@ -2118,10 +2118,6 @@
background: var(--bd-blue);
}
.bd-addon-list .bd-footer a {
color: var(--bd-blue);
}
.bd-server-tag {
background: var(--bd-blue);
}

View File

@ -1809,10 +1809,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
}
#app-mount .closeButton-1tv5uR {
border-color: var(--text-muted);
border-color: var(--channels-default);
}
#app-mount .closeButton-1tv5uR path[fill] {
fill: var(--text-muted);
fill: var(--channels-default);
}
#app-mount .closeButton-1tv5uR:hover {
background-color: rgba(var(--backgroundaccent),.3);
@ -1828,8 +1828,9 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
fill: var(--text-normal);
}
#app-mount .keybind-KpFkfr {
color: var(--text-muted);
color: var(--channels-default);
}
#app-mount .closeButtonBold-8kKURP {
border-color: var(--header-secondary);
}
@ -2071,7 +2072,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
.bd-social-link[title="BBD" i] .bd-social-logo,
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
background: var(--text-muted);
background: var(--interactive-normal);
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
opacity: 1;
transition: background .15s ease;
@ -2080,7 +2081,7 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
background: var(--header-primary);
background: var(--interactive-active);
}
.bd-social-link[title="BD" i] .bd-social-logo > *,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
@ -3943,7 +3944,7 @@ html .bd-settings-group.collapsible .bd-settings-title::after {
}
#app-mount .fav {
background: var(--header-primary);
background: var(--interactive-active);
width: 16px;
height: 16px;
padding: 0;
@ -3957,219 +3958,6 @@ html .bd-settings-group.collapsible .bd-settings-title::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
}
#app-mount .bd-modal-wrapper {
z-index: 1002;
}
#app-mount .bd-modal-wrapper .bd-modal-inner {
background-color: var(--background-primary);
border: none;
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3),0 2px 10px 0 rgba(0,0,0,.2);
}
#app-mount .bd-modal-wrapper .header,
#app-mount .bd-modal-wrapper .bd-modal-body {
background: transparent;
box-shadow: none;
color: var(--header-primary);
}
#app-mount .bd-modal-wrapper .tab-bar-container {
background: rgba(0,0,0,.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
}
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item {
border-bottom-color: transparent !important;
color: var(--interactive-normal) !important;
opacity: 1 !important;
}
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item:hover {
border-bottom-color: var(--interactive-hover) !important;
color: var(--interactive-hover) !important;
}
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item:active,
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item.selected {
border-bottom-color: var(--interactive-active) !important;
color: var(--interactive-active) !important;
cursor: default;
}
#app-mount .bd-modal-wrapper .table-header {
border: none;
color: var(--header-primary);
cursor: default;
}
#app-mount .bd-modal-wrapper .table-column {
border-right: 1px solid transparent;
margin-right: 20px;
min-width: 20%;
}
#app-mount .bd-modal-wrapper .table-column.column-error {
margin-right: 0;
min-width: 50%;
}
#app-mount .bd-modal-wrapper .table-header .table-column:not(:last-child) {
border-right-color: var(--background-modifier-accent);
}
#app-mount .bd-modal-wrapper .error {
border-top: 1px solid var(--background-modifier-accent);
border-bottom: none;
color: var(--header-primary);
}
#app-mount .bd-search-wrapper {
background-color: var(--background-tertiary);
}
#app-mount .bd-search {
color: var(--header-primary);
}
#app-mount .bd-search::placeholder {
color: var(--text-muted);
}
#app-mount .bd-search-wrapper svg {
fill: var(--header-secondary);
}
#app-mount .bd-select-wrapper .bd-label {
color: var(--text-muted);
opacity: 1;
}
#app-mount .bd-select {
color: var(--interactive-normal);
}
#app-mount .bd-select.bd-select-transparent {
align-items: center;
}
#app-mount .bd-select-arrow {
fill: var(--interactive-normal);
}
#app-mount .bd-select .bd-select-options {
background: var(--background-floating);
border: none;
border-radius: 4px;
box-shadow: var(--elevation-high);
box-sizing: border-box;
padding: 6px 8px;
margin-left: -9px;
}
#app-mount .bd-select .bd-select-option {
display: flex;
align-items: center;
min-height: 32px;
border-radius: 2px;
box-sizing: border-box;
color: var(--interactive-normal);
font-size: 14px;
font-weight: 500;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0 8px;
}
#app-mount .bd-select .bd-select-option:hover,
#app-mount .bd-select .bd-select-option.selected {
background-color: rgb(var(--accentcolor));
color: var(--interactive-active);
}
#app-mount .bd-addon-list .bd-addon-card {
background-color: var(--deprecated-card-bg);
border-color: var(--background-tertiary);
color: var(--header-primary);
max-height: unset;
}
#app-mount .bd-addon-list .bd-addon-header {
border-bottom-color: var(--background-modifier-accent);
color: var(--header-primary);
}
#app-mount .bd-addon-list .bd-addon-header > .bd-icon {
fill: var(--header-primary);
}
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt);
}
#app-mount .bd-addon-button .bd-icon {
fill: currentColor !important;
color: var(--interactive-normal);
}
#app-mount .bd-addon-button .bd-icon:hover {
color: var(--interactive-hover);
}
#app-mount .bd-addon-button .bd-icon:active {
color: var(--interactive-active);
}
#app-mount .bd-addon-list .bd-description {
color: var(--header-secondary);
}
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar {
width: 10px;
}
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-thumb {
background-color: var(--background-tertiary);
min-height: 40px;
}
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-thumb,
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-track {
border: 2px solid transparent;
background-clip: padding-box;
border-radius: 18px;
}
#app-mount .bd-addon-list .bd-footer {
border-top-color: var(--background-modifier-accent);
}
#app-mount .bd-addon-card.settings-open svg .fill {
fill: var(--interactive-normal);
}
#app-mount .bd-addon-card.settings-open svg:hover .fill {
fill: var(--interactive-hover);
}
#app-mount .bd-addon-card.settings-open svg:active .fill {
fill: var(--interactive-active);
}
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar {
width: 16px;
}
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-thumb {
background-color: var(--background-tertiary);
min-height: 40px;
}
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-thumb,
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-track {
border: 4px solid transparent;
background-clip: padding-box;
border-radius: 8px;
}
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt);
}
#bd-customcss-attach-controls {
background-color: var(--background-tertiary);
box-shadow: none;
border-radius: 0 0 5px 5px;
}
.contentRegion-3nDuYy #bd-customcss-attach-controls,
#bd-customcss-detach-container #bd-customcss-attach-controls {
background-color: var(--background-tertiary);
color: var(--header-primary);
}
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
.bd-detached-css-editor #bd-customcss-attach-controls button {
background-color: var(--background-secondary);
border: none !important;
border-radius: 3px !important;
color: var(--header-secondary);
margin: 5px 5px 0 0;
transition: background-color 0.1s ease;
}
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,
.bd-detached-css-editor #bd-customcss-attach-controls button:hover {
background-color: var(--background-primary);
color: var(--header-primary);
}
.standardSidebarView-3F1I7i #editor-detached h3 {
color: var(--header-secondary);
}
#bd-customcss-attach-controls .help-text .inline {
background-color: var(--background-secondary);
}
html .floating-window.resizable {
background: var(--background-tertiary);
border-radius: 3px;