custom color theme part 1

This commit is contained in:
Peter Papp
2021-03-20 10:25:10 +01:00
parent aa51484303
commit cff7cd6b32
44 changed files with 994 additions and 417 deletions

View File

@@ -9,60 +9,60 @@
<!--Page Tab links-->
<div class="menu-list-wrapper horizontal">
<router-link replace :to="{name: 'AppOthers'}"
class="menu-list-item link">
<div class="icon">
class="menu-list-item link border-bottom-theme">
<div class="icon text-theme">
<settings-icon size="17"></settings-icon>
</div>
<div class="label">
<div class="label text-theme">
{{ $t('admin_settings.tabs.others') }}
</div>
</router-link>
<router-link replace :to="{name: 'AppAppearance'}"
class="menu-list-item link">
<div class="icon">
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<eye-icon size="17"></eye-icon>
</div>
<div class="label">
<div class="label text-theme">
{{ $t('admin_settings.tabs.appearance') }}
</div>
</router-link>
<router-link v-if="config.isSaaS" replace :to="{name: 'AppBillings'}"
class="menu-list-item link">
<div class="icon">
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<file-text-icon size="17"></file-text-icon>
</div>
<div class="label">
<div class="label text-theme">
{{ $t('admin_settings.tabs.billings') }}
</div>
</router-link>
<router-link v-if="config.isSaaS" replace :to="{name: 'AppPayments'}"
class="menu-list-item link">
<div class="icon">
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<credit-card-icon size="17"></credit-card-icon>
</div>
<div class="label">
<div class="label text-theme">
{{ $t('admin_settings.tabs.payments') }}
</div>
</router-link>
<router-link replace :to="{name: 'AppIndex'}" class="menu-list-item link">
<div class="icon">
<router-link replace :to="{name: 'AppIndex'}" class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<home-icon size="17"></home-icon>
</div>
<div class="label">
<div class="label text-theme">
Homepage
</div>
</router-link>
<router-link replace :to="{name: 'AppEmail'}"
class="menu-list-item link">
<div class="icon">
class="menu-list-item link link border-bottom-theme">
<div class="icon text-theme">
<mail-icon size="17"></mail-icon>
</div>
<div class="label">
<div class="label text-theme">
{{ $t('admin_settings.tabs.email') }}
</div>
</router-link>

View File

@@ -22,11 +22,11 @@
{{ data.license }}
</ColorLabel>
</a>
<a href="https://bit.ly/VueFileManager-survey" target="_blank" class="became-backer">
<a href="https://bit.ly/VueFileManager-survey" target="_blank" class="became-backer bg-theme-100">
<div class="icon">
<credit-card-icon size="15"></credit-card-icon>
<credit-card-icon size="15" class="text-theme"></credit-card-icon>
</div>
<span class="content">
<span class="content text-theme">
{{ $t('admin_page_dashboard.backer_button') }}
</span>
</a>
@@ -177,7 +177,6 @@
}
.became-backer {
background: rgba($theme, 0.1);
display: inline-block;
padding: 5px 10px;
border-radius: 6px;
@@ -194,12 +193,11 @@
line-height: 0;
rect, line {
stroke: $theme;
color: inherit;
}
}
.content {
color: $theme;
font-weight: 700;
@include font-size(14);
}