Панель управления для Invision Community 4.7

Dashboard - это многофункциональная тема IPS и включает в себя приятный эффект размытия за вертикальной навигационной панелью, сменитель фона и «прозрачные» полосы, которые позволяют фоновому изображению изменять определенные внутренние области темы.

Dashboard 4.7.8.zip

28 минут назад, aLEX49566 сказал:

Панель управления для Invision Community 4.7

Dashboard - это многофункциональная тема IPS и включает в себя приятный эффект размытия за вертикальной навигационной панелью, сменитель фона и «прозрачные» полосы, которые позволяют фоновому изображению изменять определенные внутренние области темы.

Dashboard 4.7.8.zip 641.06 kB · 0 загрузок

И это будет в IPS5 👍

Поковырялся с 4.7.8. Сделал для себя переключение с темной темы на светлую. Custom.css простейший, так как используется только приложение Videos. У кого другие приложения используются, нужно будет дорабатывать. 

Демо темной темы: https://cars.a108.net

Custom.css:

@media (min-width: 979px) {
    [data-role="webShare"] {
        display: none !important;
    }
}

a {
    color: #a29d97 !important;
}

a:hover {
    color: #eeeeee !important;
}

/** Search **/

#elSearch, .focus-search:empty {
    background: #25282a !important;
    width: 400px !important;
    color: #eeeeee !important;
}

#elSearch input[type="search"] {
    color: #8a8885 !important;
}

#smartsearch_resultsCounter, #smartsearch_initBlock  {
    color: #eeeeee !important;
    background-color: #505050 !important;
}

#smartsearch_searchResult  {
    color: #eeeeee !important;
    background-color: #2b2b2b !important;
}

.cSearchFilter, .cSearchFilter:hover {
    color: #eeeeee !important;
    background-color: #505050 !important;
}

.cSearchFilter:hover, .cSearchFilter a:hover {
    color: #000 !important;
    background-color: #000 !important;
}

#overlaySearchContainer {
    background: rgb(var(--theme-area_background_dark)) !important;
}

#elSearchExpanded {
    background-color: #25282a !important;
}

#overlaySearchTopBar {
    background-color: #565656 !important;
    height: 70px;
    margin-top: 100px;
}

.ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"],
.ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"],
.ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], 
.ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"],
.ipsApp input[type="search"], .ipsApp input[type="tel"], .ipsApp .ipsField_dummy,
.ipsField__checkboxOverflow--active {
   background-color: #25282a !important;
   color: #eeeeee !important;
   font-size: 16px !important;
}

/** Search end **/

.focus-content {
    background: #222426 !important;
}

.ipsBreadcrumb {
    background: #25282a !important;
    color: #8a8885 !important;
}

.ipsType_pageTitle {
    color: #dddad6 !important;
}

.ipsPager {
    color: #a29d97 !important;
    transition: color 0.3s; 
}

.ipsWidget_title {
    background: #494949 !important;
}

[data-focus-userlinks~="cta"] #elUserNav #elRegisterButton::before {
    background: #494949 !important;
}

.ipsTabs_activeItem {
    background: #505050 !important;
    color: #eeeeee !important;
}

.ipsBox, #ipsLayout_mainArea > .ipsForm[action$='do=edit'] > .ipsForm {
    background-color: #2b2b2b !important;
}

.ipsAreaBackground {
    background: #494949 !important;
}

.ipsButtonBar {
    background: #505050 !important;
    border-radius: unset !important;
}

.ipsAreaBackground_reset {
    background: #2b2b2b !important;
}

.ipsTabs_panel {
    background: #2b2b2b !important;
}

.ipsAreaBackground_light {
    background: rgb(var(--theme-area_background_dark)) !important;
}

.ipsSideMenu_item a, a.ipsSideMenu_item, span.ipsSideMenu_item {
    color: #eeeeee !important;
}

#ipsLayout_footer a, #ipsLayout_footer p {
    color: #eeeeee !important;
}