nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-28 02:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

custom color theme part 1

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/index.blade.php
+59 -1
View File
@@ -9,7 +9,8 @@
<title>{{ $settings->app_title ?? 'VueFileManager' }} | {{ $settings->app_description ?? __('vuefilemanager.app_description') }}</title>
{{--StyleSheet--}}
<link href="{{ asset('css/app.css') }}?v={{ get_version() }}" rel="stylesheet">
{{--<link href="{{ asset('css/app.css') }}?v={{ get_version() }}" rel="stylesheet">--}}
<link href="{{ mix('css/app.css') }}?v={{ get_version() }}" rel="stylesheet">
{{--OG items--}}
<meta property="og:url" content="{{ url('/') }}">
@@ -29,6 +30,63 @@
{{--Format Detection--}}
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<style>
.svg-color-theme {fill: #FF8200}
.svg-stroke-theme {stroke: #FF8200}
.hover-svg-stroke-theme:hover {stroke: #FF8200}
.hover-svg-stroke-theme:hover rect {stroke: #FF8200}
.hover-svg-stroke-theme:hover line {stroke: #FF8200}
.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}
.text-theme {color: #FF8200}
.hover-text-theme:hover {color: #FF8200}
.shadow-theme {box-shadow: 0 7px 16px 2px #FF820040}
.border-theme {border-color: #FF8200}
.hover-border-theme:hover {border-color: #FF8200}
.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='password'] {border-color: #FF8200}
/* Menubar */
.router-link-active.home .button-icon {background: #FF820010}
/*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;}
.is-active .text-theme {color: #FF8200 !important}
.is-active .text-theme svg {color: #FF8200 !important}
.menu-list-item.link:hover {color: #FF8200}
.menu-list-item.link:hover .text-theme svg {color: #FF8200}
/*Select Input*/
.input-area.is-active {border-color: #FF8200 !important}
/*ButtonBase*/
.button-base.theme {background: #FF820010}
.button-base.theme .content {color: #FF8200}
.button-base.theme polyline,
.button-base.theme path {
color: #FF8200
}
.switch.active {background: #FF8200 !important;}
</style>
</head>
<body>
<div id="app"></div>