EntHub Tweaks by thejenja

/* ==UserStyle==
@name           enthub.it tweaks
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    A new userstyle
@author         thejenja
@preprocessor	stylus

@var select label1 "Помеченные ❌ - тестируются или работают некорректно" ["_"]
@var checkbox --removePopularTopics "Убрать 'Популярные теги'" 0
@var checkbox --removeTopAuthors "Убрать 'Топ авторов'" 0
@var checkbox --removeLastComments "Убрать 'Последние комментарии'" 0
@var checkbox --amoledTheme "Чёрная тема" 0
@var checkbox --hideLeftBottomLinks "Скрыть 'О нас', 'Политика'..." 0
@var checkbox --hideThemeChanger "Скрыть переключатель темы" 0
@var checkbox --revertBottomBtnPost "Поменять кнопки на постах местами" 0
@var checkbox --centeringAll "Поменять кнопки на постах местами" 0
@var checkbox --hideSocials "Скрыть соц.сети слева" 0
==/UserStyle== */

@-moz-document url-prefix("https://enthub.it/") {
    if --removePopularTopics
    {
        section.max-w-md.rounded-lg.bg-white{
            display: none !important;
        }
    }
    if --removeTopAuthors
    {
        aside > section:nth-child(1){
            display: none;
        }
    }
    if --removeLastComments
    {
        .space-y-4>:not([hidden])~:not([hidden]){
            display: none;
        }
    }
    if --amoledTheme
    {
        html{
            color-scheme: dark
        }
        .bg-slate-100, header {
            background-color: #000 !important;
        }
        .bg-white {
            background-color: #202020 !important;
        }
        input[name="searchField"]{
            background-color: rgb(30, 30, 30) !important;
        }
        :is(.dark .cdx-block), :is(.dark .ce-header), :is(.dark .inlineToolButton), :is(.dark .ce-toolbar__plus), :is(.dark .ce-toolbar__settings-btn), :is(.dark .ce-popover__search), textarea {
            background-color: #202020 !important;
        }
        .bg-slate-300 {
            --tw-bg-opacity: 1;
            background-color: #2f2f2f;
        }
    }
    if --hideLeftBottomLinks
    {
        .gap-x-2{
            display: none;
        }
    }
    if --hideThemeChanger
    {
        .darkModeToggle{
            display: none;
        }
    }
    if --revertBottomBtnPost
    {
        .pb-3, div.w-content.mt-3.flex.items-center.justify-between, .gap-1:has(button) {
            display: flex;
            flex-direction: row-reverse;
        }
    }
    if --centeringAll
    {
        @media (min-width: 1024px){
            .lg\:grid-cols-main {
                grid-template-columns: 240px 2fr 240px !important;
            }
        }
        
    }
    if --hideSocials
    {
        .flex.flex-wrap.items-center.gap-2{
            display: none;
        }
        
    }
}