"Traditional" subtheme

Status
Not open for further replies.
is there a possibility for a sub theme to have its icon scheme?

a config.json just for the sub theme?

If I have two sub theme, and each one has its icon scheme, if it doesn't find it, it uses the modern pattern.

@smtalk
 
I keep finding I have to reinstall it after changing to the new theme to change back again.
 
Hi I cannot install this theme. I am running the latest DirectAdmin release, is this an issue?

Nathan Stewart
 
Yes, Evolution sub-themes are deprecated in favor of having CSS customizations. In the latest evelution you can achieve the same style change with adding this CSS block in the Evolutions CSS customizations Grid layout section.

Code: 
/* Styles to for 'traditional' sub-theme */
html.layout\:grid .app .app-header {background: var(--classic);color: white;}
html.layout\:grid .app .app-header .header-logo {background-image: var(--img-logo-dark); }
html.layout\:grid .app .app-header .userbar {margin-left: 1rem;}
html.layout\:grid .app .app-header .userbar>.userbar-button>.userbar-button-text {color: white;}
html.layout\:grid .app .app-header .userbar>.userbar-button>.ui-icon-counter .roundBadge {background: var(--classic-l90);color: var(--classic);}
html.layout\:grid .app .app-header .userbar .userbar-button-caret>svg>path {fill: white !important;}
html.layout\:grid .app .app-header .nav-grid-trigger svg {color: white !important;}
html.layout\:grid .app .app-header .nav-grid-trigger svg:hover {color: white !important;opacity: 0.8;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button {border-color: var(--classic-l10);background: transparent;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Label {color: white;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Caret>svg {color: var(--classic-l10);}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Search {background: transparent;color: white;}
html.layout\:grid .app .app-header .domainsDropdown .Select>.Select__Button>.Select__Button__Search::placeholder {color: var(--classic-l30);}
html.layout\:grid .app .app-header .search input[type="text"] {background: transparent;color: white;border-color: var(--classic-l10);}
html.layout\:grid .app .app-header .search input[type="text"]::placeholder {color: white;opacity: 0.9;}
html.layout\:grid .app .app-header .search .search-icon>.icon>svg, html.layout\:grid .app .app-header .search .options-icon>.icon>svg {color: var(--classic-l10);}
html.layout\:grid .app .app-header .ui-toggle-switch {background: var(--classic);color: #fff;border-color: var(--classic-l10);}
html.layout\:grid .app .app-header .ui-toggle-switch>.label {background: var(--classic);color: #fff;}
html.layout\:grid .app .app-header .ui-toggle-switch>.options>.slider {background: var(--classic-l30);}
html.layout\:grid .app .icons-grid .filters-bar>.filters-bar-search {flex-grow: 1;margin-right: 1rem;}
html.layout\:grid .app .icons-grid .icons-grid-category {border: 1px solid #e5e5e5;border-radius: 4px;}
html.layout\:grid .app .icons-grid .icons-grid-category .icons-grid-category-title {padding: 1rem 1rem;background-color: var(--classic);border-top-left-radius: 4px;border-top-right-radius: 4px;color: white;}
html.layout\:grid .app .icons-grid .icons-grid-category .icons-grid-category-entries .icons-grid-category-entry {border-width: 0;}
html.layout\:grid .app .dashboard-mobile>div {padding: 1.5rem;padding-left: 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab {padding: 0 !important;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader {padding: 1rem 1rem;font-size: 1.3rem;font-weight: 600;letter-spacing: 0.5px;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTabHeader .icon svg {width: 16px !important;height: 16px !important;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active {border: 1px solid #e5e5e5;border-radius: 4px;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab.-is-active .dashboardTabHeader {background: var(--classic);color: white;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab p.type\:h6 {padding: 0 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .dashboardTab-more {margin-left: 1rem;}
html.layout\:grid .app .dashboard-mobile>div section.dashboardTab.dashboardTab .widget-content {padding: 1rem;}

More details in the docs.
 
Status
Not open for further replies.
Back
Top