Color updates

pull/345/head
cagataycivici 2020-06-18 12:01:31 +03:00
parent 91014b11e5
commit c7a1e0680e
3 changed files with 7 additions and 6 deletions

View File

@ -82,28 +82,28 @@
<img src="./assets/images/themes/vela-blue.png" alt="Arya Blue" @click="changeTheme($event, 'arya-blue', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-blue'" />
</button>
<span>arya Blue</span>
<span>Arya Blue</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-green.png" alt="Arya Green" @click="changeTheme($event, 'arya-green', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-green'" />
</button>
<span>arya Green</span>
<span>Arya Green</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-orange.png" alt="Arya Orange" @click="changeTheme($event, 'arya-orange', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-orange'" />
</button>
<span>arya Orange</span>
<span>Arya Orange</span>
</div>
<div class="p-col-3">
<button class="p-link">
<img src="./assets/images/themes/vela-purple.png" alt="Arya Purple" @click="changeTheme($event, 'arya-purple', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-purple'" />
</button>
<span>arya Purple</span>
<span>Arya Purple</span>
</div>
<div class="p-col-3">
<button class="p-link">

View File

@ -10,6 +10,7 @@
transition: transform .3s;
transform: translate3d(550px,0,0);
backface-visibility: hidden;
border-left: 1px solid var(--surface-d);
&.layout-config-active {
transform: translate3d(0,0,0);

View File

@ -24,7 +24,7 @@
cursor: pointer;
&:hover {
background-color: #e9ecef;
background-color: var(--surface-c);
}
i {
@ -94,7 +94,7 @@
right: 0;
width: 275px;
max-height: 400px;
background-color: var(--surface-a);
background-color: var(--surface-e);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
overflow: auto;
list-style-type: none;