nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 09:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

- cancel/resume subscription fix

Browse Source 
- upload into root folder fix
- custom color theme part 3
This commit is contained in:
Peter Papp
2021-03-25 10:46:23 +01:00
parent a18ceb1b4f
commit ac6b2b09e1
41 changed files with 591 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
resources/views/vuefilemanager/others/color-template.blade.php
View File

@@ -1,74 +1,85 @@
<style>
{{-- Group options --}}
.group:hover .group-hover-text-theme {color: #FF8200}
.group:hover .group-hover-text-theme {color: {{ $settings->app_color }} !important;}
{{-- Single option --}}
.svg-color-theme {fill: #FF8200}
.svg-color-theme {fill: {{ $settings->app_color }}}
.svg-stroke-theme {stroke: #FF8200}
.hover-svg-stroke-theme:hover {stroke: #FF8200}
.svg-stroke-theme {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover rect {stroke: #FF8200}
.hover-svg-stroke-theme:hover line {stroke: #FF8200}
.hover-svg-stroke-theme:hover rect {stroke: {{ $settings->app_color }}}
.hover-svg-stroke-theme:hover line {stroke: {{ $settings->app_color }}}
.bg-theme {background: #FF8200}
.bg-theme-50 {background: #FF820005}
.bg-theme-100 {background: #FF820010}
.bg-theme-800 {background: #FF820080}
.hover-bg-theme:hover {background: #FF8200}
.bg-theme {background: {{ $settings->app_color }}}
.bg-theme-50 {background: {{ $settings->app_color }}05}
.bg-theme-100 {background: {{ $settings->app_color }}10}
.bg-theme-800 {background: {{ $settings->app_color }}80}
.hover-bg-theme:hover {background: {{ $settings->app_color }}}
.hover-bg-theme-100:hover {background: {{ $settings->app_color }}10 !important;}
.text-theme {color: #FF8200}
.hover-text-theme:hover {color: #FF8200}
.text-theme {color: {{ $settings->app_color }}}
.hover-text-theme:hover {color: {{ $settings->app_color }}}
.shadow-theme {box-shadow: 0 7px 16px 2px #FF820040}
.shadow-theme {box-shadow: 0 7px 16px 2px {{ $settings->app_color }}40}
.border-theme {border-color: #FF8200}
.border-top-theme {border-top-color: #FF8200 !important;}
.border-left-theme {border-left-color: #FF8200 !important;}
.hover-border-theme:hover {border-color: #FF8200}
.border-theme {border-color: {{ $settings->app_color }}}
.border-top-theme {border-top-color: {{ $settings->app_color }} !important;}
.border-left-theme {border-left-color: {{ $settings->app_color }} !important;}
.hover-border-theme:hover {border-color: {{ $settings->app_color }}}
.focus-within-border-theme:focus-within {border-color: #FF8200 !important;}
.focus-within-border-theme:focus-within {border-color: {{ $settings->app_color }} !important;}
.focus-border-theme:focus {border-color: #FF8200}
.focus-border-theme:focus[type='email'] {border-color: #FF8200}
.focus-border-theme:focus[type='text'] {border-color: #FF8200}
.focus-border-theme:focus[type='password'] {border-color: #FF8200}
.focus-border-theme:focus[type='number'] {border-color: #FF8200}
.focus-border-theme:focus {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='email'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='text'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='password'] {border-color: {{ $settings->app_color }}}
.focus-border-theme:focus[type='number'] {border-color: {{ $settings->app_color }}}
{{-- Global Active Class --}}
.active.active-bg-theme-100 {background: #FF820010 !important;}
.active.active-border-theme {border-color: #FF8200 !important;}
.active .active-text-theme {color: #FF8200}
.active.active-bg-theme-100 {background: {{ $settings->app_color }}10 !important;}
.active.active-border-theme {border-color: {{ $settings->app_color }} !important;}
.active .active-text-theme {color: {{ $settings->app_color }}}
{{-- Emoji Picker --}}
.active-menu.focus-border-theme {border-color: #FF8200 !important;}
.active-menu.focus-border-theme {border-color: {{ $settings->app_color }} !important;}
{{-- Menubar --}}
.router-link-active.home .button-icon {background: #FF820010}
.router-link-active.home .button-icon {background: {{ $settings->app_color }}10}
{{-- Content Panel --}}
.router-link-active .text-theme {color: #FF8200 !important}
.router-link-active .text-theme svg {color: #FF8200 !important}
.router-link-active.border-bottom-theme {border-bottom-color: #FF8200 !important;}
.router-link-active .text-theme {color: {{ $settings->app_color }} !important}
.router-link-active .text-theme svg {color: {{ $settings->app_color }} !important}
.router-link-active.border-bottom-theme {border-bottom-color: {{ $settings->app_color }} !important;}
.is-active .text-theme {color: #FF8200 !important}
.is-active .text-theme svg {color: #FF8200 !important}
.is-active .text-theme {color: {{ $settings->app_color }} !important}
.is-active .text-theme svg {color: {{ $settings->app_color }} !important}
.menu-list-item.link:hover {color: #FF8200}
.menu-list-item.link:hover .text-theme svg {color: #FF8200}
.menu-list-item.link:hover {color: {{ $settings->app_color }}}
.menu-list-item.link:hover .text-theme svg {color: {{ $settings->app_color }}}
{{-- Select Input --}}
.input-area.is-active {border-color: #FF8200 !important}
.input-area.is-active {border-color: {{ $settings->app_color }} !important}
{{-- ButtonBase --}}
.button-base.theme-solid {background: #FF8200}
.button-base.theme {background: #FF820010}
.button-base.theme .content {color: #FF8200}
.button-base.theme-solid {background: {{ $settings->app_color }}}
.button-base.theme {background: {{ $settings->app_color }}10}
.button-base.theme {color: {{ $settings->app_color }}}
.button-base.theme .content {color: {{ $settings->app_color }}}
.button-base.theme polyline,
.button-base.theme path {
color: #FF8200
color: {{ $settings->app_color }}
}
.switch.active {background: #FF8200 !important;}
.switch.active {background: {{ $settings->app_color }} !important;}
{{-- Dragged borders --}}
.file-item.is-dragenter {border-color: {{ $settings->app_color }} !important;}
.folder-item.is-dragenter {border-color: {{ $settings->app_color }} !important;}
.favourites.is-dragenter .menu-list {border-color: {{ $settings->app_color }} !important;}
</style>