diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 6797442adc..f4e0f8877d 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -150,6 +150,7 @@ 12. PLUGIN/THEMEREPO 13. CHANNELHISTORY 14. DISPLAYLARGEMESSAGES + 15. CHANNELTABS 18. THEMESUPPORT 1. BETTERDOCSBLOCK 19. UPDATENOTICE @@ -7283,7 +7284,6 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M top: 4px; left: 310px; } - /* ---- 17.14 DISPLAYLARGEMESSAGES ---- */ #app-mount .injectButton-8eKqGu { /* attachment injectbutton */ @@ -7296,6 +7296,68 @@ body.folderContentIsOpen-zz6FgW .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2M color: rgb(var(--fontwhite2)); } +/* ---- 17.15 CHANNELTABS ---- */ + +html .channelTabs-tabContainer { + background: rgba(var(--vtransparencycolor), calc(0.05 + var(--vguildchanneltransparency) * 2)); + display: flex; + align-items: center; + height: 28px; + padding-top: 6px; +} + +html .channelTabs-tab { + display: flex; + align-items: center; + background: rgba(var(--vtransparencycolor), 0.3); + border-radius: 5px 5px 0 0; + height: 28px; + margin: 0 4px; + padding: 0 4px; +} +html .channelTabs-tab:not(.channelTabs-selected):hover { + background: rgba(var(--vtransparencycolor), 0.4); +} +html .channelTabs-selected { + background: rgb(var(--vaccentcolor)); +} +html .channelTabs-name { + font-size: 16px; + line-height: 20px; + font-weight: 500; + white-space: nowrap; +} +html .channelTabs-close, +html .channelTabs-selected .channelTabs-close { + position: static; + background: rgba(var(--vtransparencycolor), 0.3); + color: var(--text-normal); + border-radius: 50%; + width: 14px; + height: 14px; + font-size: 14px; + line-height: unset; +} +html .channelTabs-close:hover, +html .channelTabs-selected .channelTabs-close:hover { + background: #f04747; + color: var(--header-primary); +} +html .channelTabs-newTab { + display: flex; + justify-content: center; + align-items: center; + background: rgba(var(--vtransparencycolor), 0.3); + color: var(--text-normal); + padding: 0; + width: 22px; + height: 22px; +} +html .channelTabs-newTab:hover { + background: rgb(var(--vaccentcolor)); + color: var(--header-primary); +} + /* ~~~~ 18. THEMESUPPORT ~~~~ */