This commit is contained in:
Mirco Wittrien 2020-07-11 23:07:03 +02:00
parent a367dbb270
commit 6a73bece7a
4 changed files with 87 additions and 88 deletions

View File

@ -4448,7 +4448,10 @@
DiscordClassModules.SearchBar = BDFDB.ModuleUtils.findByProperties("clear", "container", "pointer"); DiscordClassModules.SearchBar = BDFDB.ModuleUtils.findByProperties("clear", "container", "pointer");
DiscordClassModules.SearchPopout = BDFDB.ModuleUtils.findByProperties("datePicker", "searchResultChannelIconBackground"); DiscordClassModules.SearchPopout = BDFDB.ModuleUtils.findByProperties("datePicker", "searchResultChannelIconBackground");
DiscordClassModules.SearchPopoutWrap = BDFDB.ModuleUtils.findByProperties("container", "queryContainer"); DiscordClassModules.SearchPopoutWrap = BDFDB.ModuleUtils.findByProperties("container", "queryContainer");
DiscordClassModules.SearchResults = BDFDB.ModuleUtils.findByProperties("messageGroupCozy", "searchResultsWrap"); DiscordClassModules.SearchResults = BDFDB.ModuleUtils.findByProperties("noResults", "searchResultsWrap");
DiscordClassModules.SearchResultsElements = BDFDB.ModuleUtils.findByProperties("resultsBlocked", "channelSeparator");
DiscordClassModules.SearchResultsPagination = BDFDB.ModuleUtils.findByProperties("paginationButton", "pagination");
DiscordClassModules.SearchResultsMessage = BDFDB.ModuleUtils.findByProperties("after", "messageGroupCozy");
DiscordClassModules.Select = BDFDB.ModuleUtils.findByProperties("select", "error", "errorMessage"); DiscordClassModules.Select = BDFDB.ModuleUtils.findByProperties("select", "error", "errorMessage");
DiscordClassModules.SettingsCloseButton = BDFDB.ModuleUtils.findByProperties("closeButton", "keybind"); DiscordClassModules.SettingsCloseButton = BDFDB.ModuleUtils.findByProperties("closeButton", "keybind");
DiscordClassModules.SettingsItems = BDFDB.ModuleUtils.findByProperties("dividerMini", "note"); DiscordClassModules.SettingsItems = BDFDB.ModuleUtils.findByProperties("dividerMini", "note");
@ -5681,19 +5684,19 @@
searchpopoutsearchresultchanneliconbackground: ["SearchPopout", "searchResultChannelIconBackground"], searchpopoutsearchresultchanneliconbackground: ["SearchPopout", "searchResultChannelIconBackground"],
searchpopoutselected: ["SearchPopout", "selected"], searchpopoutselected: ["SearchPopout", "selected"],
searchpopoutuser: ["SearchPopout", "user"], searchpopoutuser: ["SearchPopout", "user"],
searchresultsafter: ["SearchResults", "after"], searchresultsafter: ["SearchResultsMessage", "after"],
searchresultsalt: ["SearchResults", "alt"], searchresultsalt: ["SearchResults", "alt"],
searchresultsbefore: ["SearchResults", "before"], searchresultsbefore: ["SearchResultsMessage", "before"],
searchresultschannelname: ["SearchResults", "channelName"], searchresultschannelname: ["SearchResultsElements", "channelName"],
searchresultschannelSeparator: ["SearchResults", "channelSeparator"], searchresultschannelSeparator: ["SearchResultsElements", "channelSeparator"],
searchresultsexpanded: ["SearchResults", "expanded"], searchresultsexpanded: ["SearchResultsMessage", "expanded"],
searchresultsgroupcozy: ["SearchResults", "messageGroupCozy"], searchresultsgroupcozy: ["SearchResultsMessage", "messageGroupCozy"],
searchresultshit: ["SearchResults", "hit"], searchresultshit: ["SearchResultsMessage", "hit"],
searchresultspagination: ["SearchResults", "pagination"], searchresultspagination: ["SearchResultsPagination", "pagination"],
searchresultspaginationbutton: ["SearchResults", "paginationButton"], searchresultspaginationbutton: ["SearchResultsPagination", "paginationButton"],
searchresultspaginationdisabled: ["SearchResults", "disabled"], searchresultspaginationdisabled: ["SearchResultsPagination", "disabled"],
searchresultspaginationicon: ["SearchResults", "icon"], searchresultspaginationicon: ["SearchResultsPagination", "icon"],
searchresultssearchheader: ["SearchResults", "searchHeader"], searchresultssibling: ["SearchResultsMessage", "sibling"],
searchresultswrap: ["SearchResults", "searchResultsWrap"], searchresultswrap: ["SearchResults", "searchResultsWrap"],
select: ["Select", "select"], select: ["Select", "select"],
selectwrapper: ["BDFDB", "selectWrapper"], selectwrapper: ["BDFDB", "selectWrapper"],

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@ var DisplayServersAsChannels = (_ => {
return class DisplayServersAsChannels { return class DisplayServersAsChannels {
getName () {return "DisplayServersAsChannels";} getName () {return "DisplayServersAsChannels";}
getVersion () {return "1.3.7";} getVersion () {return "1.3.8";}
getAuthor () {return "DevilBro";} getAuthor () {return "DevilBro";}
@ -14,7 +14,7 @@ var DisplayServersAsChannels = (_ => {
constructor () { constructor () {
this.changelog = { this.changelog = {
"improved":[["Server Icon","Added server icon to server entries, can be disabled"],["Animated Icons","Server icons now animate on hover (if there is an animated icon)"]] "improved":[["Server Search","Added support for the server search plugin"]]
}; };
this.patchPriority = 10; this.patchPriority = 10;
@ -462,6 +462,36 @@ var DisplayServersAsChannels = (_ => {
position: static !important; position: static !important;
contain: unset !important; contain: unset !important;
width: 100% !important; width: 100% !important;
}
#server-search ${BDFDB.dotCN.guildinner} {
width: ${amounts.serverListWidth - 20}px;
height: ${amounts.serverElementHeight}px;
border-radius: 4px !important;
}
#server-search ${BDFDB.dotCN.guildinner}::before {
content: "Server Search";
color: var(--text-normal);
display: flex;
align-items: center;
height: ${amounts.serverElementHeight}px;
font-size: ${amounts.serverElementHeight / 2}px;
font-weight: 400;
padding-left: 8px;
}
#server-search ${BDFDB.dotCN.guildinner}::after {
content: "";
position: absolute;
top: ${amounts.serverElementHeight/32 * 6}px;
right: 7px;
width: ${amounts.serverElementHeight/32 * 20}px;
height: ${amounts.serverElementHeight/32 * 20}px;
background: var(--text-normal);
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTMuNjAwOTE0ODEsNy4yMDI5NzMxMyBDMy42MDA5MTQ4MSw1LjIwOTgzNDE5IDUuMjA5ODM0MTksMy42MDA5MTQ4MSA3LjIwMjk3MzEzLDMuNjAwOTE0ODEgQzkuMTk2MTEyMDYsMy42MDA5MTQ4MSAxMC44MDUwMzE0LDUuMjA5ODM0MTkgMTAuODA1MDMxNCw3LjIwMjk3MzEzIEMxMC44MDUwMzE0LDkuMTk2MTEyMDYgOS4xOTYxMTIwNiwxMC44MDUwMzE0IDcuMjAyOTczMTMsMTAuODA1MDMxNCBDNS4yMDk4MzQxOSwxMC44MDUwMzE0IDMuNjAwOTE0ODEsOS4xOTYxMTIwNiAzLjYwMDkxNDgxLDcuMjAyOTczMTMgWiBNMTIuMDA1NzE3NiwxMC44MDUwMzE0IEwxMS4zNzMzNTYyLDEwLjgwNTAzMTQgTDExLjE0OTIyODEsMTAuNTg4OTA3OSBDMTEuOTMzNjc2NCw5LjY3NjM4NjUxIDEyLjQwNTk0NjMsOC40OTE3MDk1NSAxMi40MDU5NDYzLDcuMjAyOTczMTMgQzEyLjQwNTk0NjMsNC4zMjkzMzEwNSAxMC4wNzY2MTUyLDIgNy4yMDI5NzMxMywyIEM0LjMyOTMzMTA1LDIgMiw0LjMyOTMzMTA1IDIsNy4yMDI5NzMxMyBDMiwxMC4wNzY2MTUyIDQuMzI5MzMxMDUsMTIuNDA1OTQ2MyA3LjIwMjk3MzEzLDEyLjQwNTk0NjMgQzguNDkxNzA5NTUsMTIuNDA1OTQ2MyA5LjY3NjM4NjUxLDExLjkzMzY3NjQgMTAuNTg4OTA3OSwxMS4xNDkyMjgxIEwxMC44MDUwMzE0LDExLjM3MzM1NjIgTDEwLjgwNTAzMTQsMTIuMDA1NzE3NiBMMTQuODA3MzE4NSwxNiBMMTYsMTQuODA3MzE4NSBMMTIuMjEwMjUzOCwxMS4wMDk5Nzc2IEwxMi4wMDU3MTc2LDEwLjgwNTAzMTQgWiI+PC9wYXRoPjwvZz48L3N2Zz4=') center/cover no-repeat;
}
#server-search ${BDFDB.dotCN.guildbuttonpill},
#server-search ${BDFDB.dotCN.guildsvg} {
display: none;
}`); }`);
} }
} }

View File

@ -145,13 +145,11 @@
7. CITADOR 7. CITADOR
8. LINENUMBERS 8. LINENUMBERS
9. PERMISSIONVIEWER 9. PERMISSIONVIEWER
10. BETTERSEARCHPAGE 10. DIRECTDOWNLOAD
11. REPOCONTROLS 11. BETTERFORMATINGREDUX
12. DIRECTDOWNLOAD 12. PLUGIN/THEMEREPO
13. BETTERFORMATINGREDUX 13. CHANNELHISTORY
14. PLUGIN/THEMEREPO 14. DISPLAYLARGEMESSAGES
15. CHANNELHISTORY
16. DISPLAYLARGEMESSAGES
18. THEMESUPPORT 18. THEMESUPPORT
1. THEMEDEVBADGE 1. THEMEDEVBADGE
2. BETTERDOCSBLOCK 2. BETTERDOCSBLOCK
@ -844,10 +842,10 @@ body:before {
} }
.message-2qnXI6, /* message container */ .message-2qnXI6, /* message container */
.message-2DieIs, /* message mention popout */ .message-2DieIs, /* message mention popout */
.message-2g38UB, /* message inbox */ .message-2g38UB, /* message inbox popout */
.message-2qRu38 .wrapper-2a6GCs, .message-2qRu38 .wrapper-2a6GCs, /* message settings preview */
.messageGroupCozy-2iY6cT, .messageGroupCozy-2iY6cT, /* message pin popout */
.messageGroupCozy-2Bj3ME { .messageGroupCozy-2-Q370 { /* message searchpage */
background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency)); background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
} }
.message-2qnXI6.selected-2P5D_Z, .message-2qnXI6.selected-2P5D_Z,
@ -889,7 +887,7 @@ body:before {
left: 40px; left: 40px;
} }
.messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .header-23xsNx:after, .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .header-23xsNx:after,
.searchResult-2N9RV4 .messageGroupCozy-2Bj3ME .header-23xsNx:after { .searchResult-9tQ1uo .messageGroupCozy-2-Q370 .header-23xsNx:after {
top: 2px; top: 2px;
} }
.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt { .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt {
@ -952,7 +950,7 @@ body:before {
.messages-3G3erD .wrapper-2a6GCs, .messages-3G3erD .wrapper-2a6GCs,
.message-2qRu38 .wrapper-2a6GCs, .message-2qRu38 .wrapper-2a6GCs,
.messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT, .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT,
.searchResult-2N9RV4 .messageGroupCozy-2Bj3ME { .searchResult-9tQ1uo .messageGroupCozy-2-Q370 {
border-radius: 5px; border-radius: 5px;
margin-left: calc(60px * var(--vusechatbubbles)); margin-left: calc(60px * var(--vusechatbubbles));
padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles)))); padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
@ -1466,41 +1464,41 @@ body:before {
#app-mount .searchResultsWrap-3-pOjs { /* searchpage container */ #app-mount .searchResultsWrap-3-pOjs { /* searchpage container */
background-color: transparent; background-color: transparent;
} }
#app-mount .searchHeader-1EzJGH { /* searchpage header */ #app-mount .searchHeader-2XoQg7 { /* searchpage header */
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8)); background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2); box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2);
} }
#app-mount .searchHeader-1EzJGH .totalResults-1yK_Ym { /* searchpage results */ #app-mount .searchHeader-2XoQg7 .totalResults--dyAxF { /* searchpage results */
color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3));
opacity: 1; opacity: 1;
} }
#app-mount .searchHeader-1EzJGH .tab-EiCZG6 { /* searchpage tab */ #app-mount .searchHeader-2XoQg7 .tab-2j5AEF { /* searchpage tab */
color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3));
opacity: 1; opacity: 1;
} }
#app-mount .searchHeader-1EzJGH .tab-EiCZG6:hover { #app-mount .searchHeader-2XoQg7 .tab-2j5AEF:hover {
color: rgb(var(--fontwhite2)); color: rgb(var(--fontwhite2));
border-bottom-color: rgb(var(--fontwhite2)); border-bottom-color: rgb(var(--fontwhite2));
} }
#app-mount .searchHeader-1EzJGH .tab-EiCZG6.selected-3gXBLQ { #app-mount .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 {
color: rgb(var(--fontwhite1)); color: rgb(var(--fontwhite1));
border-bottom-color: rgb(var(--fontwhite1)); border-bottom-color: rgb(var(--fontwhite1));
} }
#app-mount .searchHeader-1EzJGH + div { #app-mount .scroller-3GIiMh {
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.5)); background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.5));
} }
#app-mount .channelSeparator-dTqJ4K { /* searchpage separator */ #app-mount .channelSeparator-1DOiGt { /* searchpage separator */
overflow: hidden; overflow: hidden;
width: 390px; width: 390px;
} }
#app-mount .channelSeparator-dTqJ4K:not(:empty):before { #app-mount .channelSeparator-1DOiGt:not(:empty):before {
display: none; display: none;
} }
#app-mount .channelSeparator-dTqJ4K .channelName-wvgELL { /* searchpage channelname */ #app-mount .channelSeparator-1DOiGt .channelName-1JRO3C { /* searchpage channelname */
background: transparent; background: transparent;
color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3));
} }
#app-mount .channelSeparator-dTqJ4K .channelName-wvgELL:after { #app-mount .channelSeparator-1DOiGt .channelName-1JRO3C:after {
content: ""; content: "";
border-bottom: 1px solid rgba(var(--fontwhite3), 0.5); border-bottom: 1px solid rgba(var(--fontwhite3), 0.5);
height: 1px; height: 1px;
@ -1511,43 +1509,43 @@ body:before {
width: 100vw; width: 100vw;
z-index: 0; z-index: 0;
} }
.searchResult-2N9RV4:before, /* searchpage result */ .searchResult-9tQ1uo:before, /* searchpage result */
.searchResult-2N9RV4:after { .searchResult-9tQ1uo:after {
display: none; display: none;
} }
#app-mount .searchResult-2N9RV4 .hit-1CXhXT { #app-mount .searchResult-9tQ1uo .hit-1fVM9e {
background-color: rgba(var(--vtransparencycolor), 0.1); background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.1);
box-shadow: none; box-shadow: none;
} }
#app-mount .searchResult-2N9RV4.expanded-ovgtuV { #app-mount .searchResult-9tQ1uo.expanded-w_LCGl {
background-color: rgba(var(--vtransparencycolor), 0.1); background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.1);
} }
#app-mount .searchResult-2N9RV4:not(.expanded-ovgtuV) .before-2BfuiJ.sibling-1HG8JI { #app-mount .searchResult-9tQ1uo:not(.expanded-w_LCGl) .before-2RL1Gz.sibling-1eJVjd {
-webkit-mask: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%); -webkit-mask: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
} }
#app-mount .searchResult-2N9RV4:not(.expanded-ovgtuV) .after-1oc6Rt.sibling-1HG8JI { #app-mount .searchResult-9tQ1uo:not(.expanded-w_LCGl) .after-20SH8W.sibling-1eJVjd {
-webkit-mask: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%); -webkit-mask: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
} }
#app-mount .searchResult-2N9RV4:not(.expanded-ovgtuV) .before-2BfuiJ:not(.sibling-1HG8JI), #app-mount .searchResult-9tQ1uo:not(.expanded-w_LCGl) .before-2RL1Gz:not(.sibling-1eJVjd),
#app-mount .searchResult-2N9RV4:not(.expanded-ovgtuV) .after-1oc6Rt:not(.sibling-1HG8JI) { #app-mount .searchResult-9tQ1uo:not(.expanded-w_LCGl) .after-20SH8W:not(.sibling-1eJVjd) {
display: none; display: none;
} }
.jumpButton-1ol35X { /* message jumpbutton */ .jumpButton-JkYoYK { /* message jumpbutton */
background-color: rgba(var(--vtransparencycolor), 0.4); background-color: rgba(var(--vtransparencycolor), 0.4);
color: rgb(var(--fontwhite2)); color: rgb(var(--fontwhite2));
} }
.jumpButton-1ol35X:hover { .jumpButton-JkYoYK:hover {
background-color: rgb(var(--vaccentcolor)); background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1)); color: rgb(var(--fontwhite1));
} }
.jumpButton-1ol35X + .jumpButton-1ol35X { .jumpButton-JkYoYK + .jumpButton-JkYoYK {
margin-left: 2px; margin-left: 2px;
} }
#app-mount .pagination-1m6Ll- { #app-mount .pagination-2KMrRB {
color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3));
} }
@ -7034,39 +7032,7 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M
color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3));
} }
/* ---- 17.10. BETTERSEARCHPAGE ---- */ /* ---- 17.10. DIRECTDOWNLOAD ---- */
#app-mount .BSP-pagination-button {
background: transparent;
border-color: rgba(var(--fontwhite1), 0.5);
left: 0;
position: relative;
top: 0;
}
#app-mount .BSP-pagination-button:before {
content: "»";
color: rgb(var(--fontwhite1));
font-size: 20px;
font-weight: 500;
line-height: 15px;
margin-left: -1px;
position: absolute;
text-align: center;
width: 20px;
}
/* ---- 17.11. REPOCONTROLS ---- */
#app-mount #bd-settingspane-container .editIcon,
#app-mount #bd-settingspane-container .trashIcon {
color: rgb(var(--fontwhite2));
}
#app-mount #bd-settingspane-container .editIcon:hover,
#app-mount #bd-settingspane-container .trashIcon:hover {
color: rgb(var(--fontwhite1));
}
/* ---- 17.12. DIRECTDOWNLOAD ---- */
#files_directDownload .file { #files_directDownload .file {
background-color: rgba(var(--vtransparencycolor), 0.4); background-color: rgba(var(--vtransparencycolor), 0.4);
@ -7087,7 +7053,7 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M
background-color: rgb(var(--vaccentcolor)); background-color: rgb(var(--vaccentcolor));
} }
/* ---- 17.13. BETTERFORMATINGREDUX ---- */ /* ---- 17.11. BETTERFORMATINGREDUX ---- */
.innerDisabled-2mc-iF ~ .bf-toolbar { .innerDisabled-2mc-iF ~ .bf-toolbar {
display: none; display: none;
@ -7145,7 +7111,7 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M
color: rgb(var(--fontwhite1)); color: rgb(var(--fontwhite1));
} }
/* ---- 17.14 PLUGIN/THEMEREPO ---- */ /* ---- 17.12 PLUGIN/THEMEREPO ---- */
#app-mount .pluginEntry svg[fill="currentColor"], #app-mount .pluginEntry svg[fill="currentColor"],
#app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN), #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN),
@ -7161,14 +7127,14 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M
color: rgb(var(--fontwhite1)) !important; color: rgb(var(--fontwhite1)) !important;
} }
/* ---- 17.15 CHANNELHISTORY ---- */ /* ---- 17.13 CHANNELHISTORY ---- */
.channelHistoryButtons { .channelHistoryButtons {
top: 4px; top: 4px;
left: 310px; left: 310px;
} }
/* ---- 17.16 DISPLAYLARGEMESSAGES ---- */ /* ---- 17.14 DISPLAYLARGEMESSAGES ---- */
#app-mount .injectButton-8eKqGu { /* attachment injectbutton */ #app-mount .injectButton-8eKqGu { /* attachment injectbutton */
color: rgb(var(--fontwhite4)); color: rgb(var(--fontwhite4));