lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 16 Releases Wiki Activity

themes

This commit is contained in:
Mirco Wittrien 2021-11-18 15:35:56 +01:00
parent e7b8b8c5cd
commit 262a0c0e32
2 changed files with 97 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
Themes/BasicBackground/BasicBackground.css
View File

@ -4920,17 +4920,28 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
#app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
color: var(--text-normal);
}
#app-mount .resultsGroup-r_nuzN .header-2N-gMV,
#app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL {
color: var(--text-normal);
}
#app-mount .option-96V44q::after {
display: none;
}
#app-mount .option-96V44q:hover,
#app-mount .option-96V44q.selected-rZcOL- {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .option-96V44q:hover::before,
#app-mount .option-96V44q.selected-rZcOL-::before {
background-color: rgb(var(--accentcolor));
border-radius: 3px;
width: 34px;
}
#app-mount .option-96V44q:hover .plusIcon-v0BTrL,
#app-mount .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL {
color: white;
opacity: 1;
}
#app-mount .option-96V44q .answer-1n6g43,
#app-mount .option-96V44q .nonText-3CRkO0,
#app-mount .option-96V44q strong {
@ -4951,7 +4962,73 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
#app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
color: var(--text-muted);
}
#app-mount .searchResultChannelCategory-1l0lSn,
#app-mount .searchResultChannelIcon-1DnTme {
color: var(--text-muted);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker {
background: transparent;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor), .5);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
background: rgba(var(--transparencycolor), .5);
border-color: transparent;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__header,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__month-container,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor), .2);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--textbrightest), .5);
top: 30px;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
background-color: rgb(var(--textbrightest));
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__current-month {
border-color: transparent;
padding: 10px 0;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__current-month,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day-name,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .calendarPicker-2yf6Ci .datePickerHint-3Q1Udw .hint-165cR4,
#app-mount .calendarPicker-2yf6Ci .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: var(--header-primary);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: var(--header-secondary);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
color: var(--text-muted);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
border-top-color: var(--background-modifier-accent);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
@ -4963,74 +5040,6 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .searchResultChannelCategory-1l0lSn,
#app-mount .searchResultChannelIcon-1DnTme {
color: var(--text-muted);
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker {
background: transparent;
}
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor), .5);
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
background: rgba(var(--transparencycolor), .5);
border-color: transparent;
}
#app-mount .datePicker--XZbmJ .react-datepicker__header,
#app-mount .datePicker--XZbmJ .react-datepicker__month-container,
#app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor), .2);
}
#app-mount .datePicker--XZbmJ .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--textbrightest), .5);
top: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
background-color: rgb(var(--textbrightest));
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__current-month {
border-color: transparent;
padding: 10px 0;
}
#app-mount .datePicker--XZbmJ .react-datepicker__current-month,
#app-mount .datePicker--XZbmJ .react-datepicker__day-name,
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4,
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: var(--header-primary);
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: var(--header-secondary);
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
color: var(--text-muted);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
}
/* ---- 14.6. COLORPICKER ---- */

33
Themes/DiscordRecolor/DiscordRecolor.css
View File

@ -3332,12 +3332,19 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
#app-mount .option-96V44q::after {
background: linear-gradient(90deg, transparent,var(--background-primary) 80%);
}
#app-mount .option-96V44q:hover,
#app-mount .option-96V44q.selected-rZcOL- {
background-color: var(--background-tertiary);
}
#app-mount .option-96V44q:hover::after,
#app-mount .option-96V44q.selected-rZcOL-::after {
background: linear-gradient(90deg, transparent, var(--background-tertiary) 50%);
}
#app-mount .option-96V44q:hover .plusIcon-v0BTrL,
#app-mount .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL {
color: var(--header-primary);
opacity: 1;
}
#app-mount .option-96V44q .answer-1n6g43,
#app-mount .option-96V44q .nonText-3CRkO0,
#app-mount .option-96V44q strong {
@ -3358,15 +3365,6 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
#app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
color: var(--text-muted);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
border-top: 1px solid rgba(var(--backgroundtertiary),.3);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
color: var(--text-normal);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: var(--header-primary);
}
#app-mount .searchResultChannelCategory-1l0lSn,
#app-mount .searchResultChannelIcon-1DnTme {
color: var(--text-muted);
@ -3379,12 +3377,12 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
background-color: var(--background-primary);
border-color: rgba(var(--backgroundfloating),.2);
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation {
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--textbrightest), .5);
top: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation::before {
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation::before {
content: "";
position: absolute;
top: 0;
@ -3394,10 +3392,10 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
background-color: rgb(var(--textbrightest));
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous {
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--next {
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker__current-month {
@ -3446,6 +3444,15 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
background-color: var(--background-secondary);
color: rgba(var(--textbrightest),.3);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
border-top: 1px solid rgba(var(--backgroundtertiary),.3);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
color: var(--text-normal);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: var(--header-primary);
}
/* ---- 11.4. EVERYONEMENTION ---- */