themes
This commit is contained in:
Mirco Wittrien
parent
22c7949efa
commit
47260ab3a6
|
|
@ -2355,25 +2355,25 @@ button.button__4f306.enabled__470f0:hover svg {
|
|||
background: var(--interactive-active);
|
||||
}
|
||||
|
||||
#app-mount .bd-social-link[title="BD" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo {
|
||||
.bd-social-link[title="BD" i] .bd-social-logo,
|
||||
.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(--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;
|
||||
}
|
||||
#app-mount .bd-social-link[title="BD" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BBD" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
|
||||
.bd-social-link[title="BD" i]:hover .bd-social-logo,
|
||||
.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(--interactive-active);
|
||||
}
|
||||
#app-mount .bd-social-link[title="BD" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
|
||||
.bd-social-link[title="BD" i] .bd-social-logo > *,
|
||||
.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 > * {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -6762,12 +6762,12 @@ html .bd-toast.toast-warn.icon::before {
|
|||
background-color: rgba(var(--transparencycolor), .4);
|
||||
}
|
||||
|
||||
#app-mount .bd-switch-body { /* bd switch */
|
||||
.bd-switch-body { /* bd switch */
|
||||
--switch-color: rgb(var(--transparencycolor));
|
||||
background-color: rgba(var(--transparencycolor), .3);
|
||||
}
|
||||
|
||||
#app-mount .bd-select .bd-select-options { /* bd select popout */
|
||||
.bd-select .bd-select-options { /* bd select popout */
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
|
|
@ -6776,8 +6776,8 @@ html .bd-toast.toast-warn.icon::before {
|
|||
padding: 6px 8px;
|
||||
margin-left: -9px;
|
||||
}
|
||||
#app-mount .bd-select .bd-select-options::before,
|
||||
#app-mount .bd-select .bd-select-options::after {
|
||||
.bd-select .bd-select-options::before,
|
||||
.bd-select .bd-select-options::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -6790,15 +6790,15 @@ html .bd-toast.toast-warn.icon::before {
|
|||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
#app-mount .bd-select .bd-select-options::before {
|
||||
.bd-select .bd-select-options::before {
|
||||
background: var(--popout) var(--popoutposition)/var(--popoutsize);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
#app-mount .bd-select .bd-select-options::after {
|
||||
.bd-select .bd-select-options::after {
|
||||
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
|
||||
backdrop-filter: blur(var(--popoutblur));
|
||||
}
|
||||
#app-mount .bd-select .bd-select-option { /* bd select popout option */
|
||||
.bd-select .bd-select-option { /* bd select popout option */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 32px;
|
||||
|
|
@ -6812,25 +6812,25 @@ html .bd-toast.toast-warn.icon::before {
|
|||
margin-bottom: 2px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
#app-mount .bd-select .bd-select-option:hover {
|
||||
.bd-select .bd-select-option:hover {
|
||||
background-color: rgba(var(--transparencycolor), .2);
|
||||
color: var(--interactive-hover);
|
||||
}
|
||||
#app-mount .bd-select .bd-select-option.selected {
|
||||
.bd-select .bd-select-option.selected {
|
||||
background-color: rgba(var(--transparencycolor), .3);
|
||||
color: var(--interactive-active);
|
||||
}
|
||||
|
||||
#app-mount .bd-pfbtn { /* addonlist folder button */
|
||||
.bd-pfbtn { /* addonlist folder button */
|
||||
text-shadow: 1px 1px var(--textshadow);
|
||||
}
|
||||
|
||||
#app-mount .bd-server-tag { /* addonlist public list tag */
|
||||
.bd-server-tag { /* addonlist public list tag */
|
||||
text-shadow: 1px 1px var(--textshadow);
|
||||
}
|
||||
|
||||
|
||||
#app-mount .bd-error-modal-content {
|
||||
.bd-error-modal-content {
|
||||
padding: 0 10px 16px 10px;
|
||||
}
|
||||
#app-mount .bd-addon-error {
|
||||
|
|
@ -6842,18 +6842,18 @@ html .bd-toast.toast-warn.icon::before {
|
|||
background-color: rgba(var(--transparencycolor), 0.3);
|
||||
}
|
||||
|
||||
#app-mount .bd-addon-views .bd-view-button:hover {
|
||||
.bd-addon-views .bd-view-button:hover {
|
||||
background-color: rgba(var(--transparencycolor), .3);
|
||||
}
|
||||
|
||||
#app-mount .bd-button {
|
||||
.bd-button {
|
||||
filter: drop-shadow(1px 1px var(--textshadow));
|
||||
}
|
||||
#app-mount .bd-button.bd-button-danger {
|
||||
.bd-button.bd-button-danger {
|
||||
filter: unset;
|
||||
}
|
||||
|
||||
#app-mount .floating-window.resizable { /* customcss editor detached */
|
||||
.floating-window.resizable { /* customcss editor detached */
|
||||
background: rgb(var(--transparencycolor));
|
||||
}
|
||||
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
||||
|
|
|
|||
|
|
@ -2250,92 +2250,92 @@ input.input_d266e7 { /* textinput */
|
|||
|
||||
/* ~~~~ 13. BDSUPPORT ~~~~ */
|
||||
|
||||
#app-mount .bd-server-card.bd-server-card-pinned::after {
|
||||
.bd-server-card.bd-server-card-pinned::after {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
|
||||
#app-mount .bd-modal-wrapper .footer button {
|
||||
.bd-modal-wrapper .footer button {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
#app-mount .bd-modal-wrapper .footer button:hover {
|
||||
.bd-modal-wrapper .footer button:hover {
|
||||
background: var(--accentcolor-hover);
|
||||
}
|
||||
#app-mount .bd-modal-wrapper .footer button:active {
|
||||
.bd-modal-wrapper .footer button:active {
|
||||
background: var(--accentcolor-active);
|
||||
}
|
||||
#app-mount .bd-modal-wrapper .error-link {
|
||||
.bd-modal-wrapper .error-link {
|
||||
color: var(--bd-blue);
|
||||
}
|
||||
|
||||
#app-mount .bd-pfbtn {
|
||||
.bd-pfbtn {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
#app-mount .bd-pfbtn:hover {
|
||||
.bd-pfbtn:hover {
|
||||
background: var(--accentcolor-hover);
|
||||
}
|
||||
#app-mount .bd-pfbtn:active {
|
||||
.bd-pfbtn:active {
|
||||
background: var(--accentcolor-active);
|
||||
}
|
||||
|
||||
#app-mount .bd-button,
|
||||
#app-mount .bd-addon-modal-footer .bd-button {
|
||||
.bd-button,
|
||||
.bd-addon-modal-footer .bd-button {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
#app-mount .bd-button:hover,
|
||||
#app-mount .bd-addon-modal-footer .bd-button:hover {
|
||||
.bd-button:hover,
|
||||
.bd-addon-modal-footer .bd-button:hover {
|
||||
background: var(--accentcolor-hover);
|
||||
}
|
||||
#app-mount .bd-button:active,
|
||||
#app-mount .bd-addon-modal-footer .bd-button:active {
|
||||
.bd-button:active,
|
||||
.bd-addon-modal-footer .bd-button:active {
|
||||
background: var(--accentcolor-active);
|
||||
}
|
||||
|
||||
#app-mount .bd-description-wrap .banner {
|
||||
.bd-description-wrap .banner {
|
||||
background: var(--background-primary);
|
||||
border-color: var(--background-secondary);
|
||||
color: var(--header-secondary);
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
#app-mount .banner.banner-danger {
|
||||
.banner.banner-danger {
|
||||
background: var(--background-secondary);
|
||||
border-color: var(--status-danger);
|
||||
}
|
||||
#app-mount .banner-danger .bd-icon {
|
||||
.banner-danger .bd-icon {
|
||||
fill: var(--status-danger);
|
||||
}
|
||||
|
||||
#app-mount .bd-addon-views .bd-view-button.selected {
|
||||
.bd-addon-views .bd-view-button.selected {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
|
||||
#app-mount .bd-server-tag {
|
||||
.bd-server-tag {
|
||||
background: var(--bd-blue);
|
||||
}
|
||||
|
||||
#app-mount .bd-switch input:checked + .bd-switch-body {
|
||||
.bd-switch input:checked + .bd-switch-body {
|
||||
--switch-color: rgba(var(--accentcolor), 0.8);
|
||||
background-color: rgba(var(--accentcolor), 0.8) !important;
|
||||
}
|
||||
#app-mount .bd-switch input:active + .bd-switch-body {
|
||||
.bd-switch input:active + .bd-switch-body {
|
||||
--switch-color: rgba(var(--accentcolor));
|
||||
}
|
||||
#app-mount .bd-switch input:checked:hover + .bd-switch-body {
|
||||
.bd-switch input:checked:hover + .bd-switch-body {
|
||||
background: var(--accentcolor-hover) !important;
|
||||
}
|
||||
#app-mount .bd-switch input:checked:active + .bd-switch-body {
|
||||
.bd-switch input:checked:active + .bd-switch-body {
|
||||
--switch-color: rgb(var(--accentcolor));
|
||||
background: var(--accentcolor-active) !important;
|
||||
}
|
||||
|
||||
#bd-editor-controls .checkbox-inner {
|
||||
#bd-editor-controls .checkboxInner-3yjcPe {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
#bd-editor-controls .checkbox {
|
||||
#bd-editor-controls .checkboxElement-1qV33p {
|
||||
visibility: hidden;
|
||||
}
|
||||
#bd-editor-controls .checkbox + span {
|
||||
#bd-editor-controls .checkboxElement-1qV33p + span {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: -2px;
|
||||
|
|
@ -2346,13 +2346,13 @@ input.input_d266e7 { /* textinput */
|
|||
border-radius: 2px;
|
||||
pointer-events: none;
|
||||
}
|
||||
#bd-editor-controls .checkbox:not(:checked) + span {
|
||||
#bd-editor-controls .checkboxElement-1qV33p:not(:checked) + span {
|
||||
border: 1px solid var(--header-primary);
|
||||
}
|
||||
#bd-editor-controls .checkbox:checked + span {
|
||||
#bd-editor-controls .checkboxElement-1qV33p:checked + span {
|
||||
background: rgb(var(--accentcolor));
|
||||
}
|
||||
#bd-editor-controls .checkbox:checked + span:before {
|
||||
#bd-editor-controls .checkboxElement-1qV33p:checked + span:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: relative;
|
||||
|
|
@ -2517,8 +2517,8 @@ html .monaco-editor [style*="border-left-color: rgb(9, 71, 113)"] {
|
|||
border-left-color: rgb(var(--accentcolor)) !important;
|
||||
}
|
||||
|
||||
#app-mount .embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"],
|
||||
#app-mount .embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] {
|
||||
.embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"],
|
||||
.embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] {
|
||||
border-color: rgb(var(--accentcolor)) !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2363,25 +2363,25 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
|
|||
background: var(--interactive-active);
|
||||
}
|
||||
|
||||
#app-mount .bd-social-link[title="BD" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo {
|
||||
.bd-social-link[title="BD" i] .bd-social-logo,
|
||||
.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(--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;
|
||||
}
|
||||
#app-mount .bd-social-link[title="BD" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BBD" i]:hover .bd-social-logo,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
|
||||
.bd-social-link[title="BD" i]:hover .bd-social-logo,
|
||||
.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(--interactive-active);
|
||||
}
|
||||
#app-mount .bd-social-link[title="BD" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo > *,
|
||||
#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
|
||||
.bd-social-link[title="BD" i] .bd-social-logo > *,
|
||||
.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 > * {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -3974,11 +3974,11 @@ html .bd-settings-group.collapsible .bd-settings-title::after {
|
|||
background-color: currentColor;
|
||||
}
|
||||
|
||||
#app-mount .bd-tab-item.selected:hover {
|
||||
.bd-tab-item.selected:hover {
|
||||
background-color: var(--background-modifier-selected);
|
||||
}
|
||||
|
||||
#app-mount .bd-error-modal-content {
|
||||
.bd-error-modal-content {
|
||||
padding: 0 10px 16px 10px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue