mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-27 18:40:39 +00:00
custom color theme part 2
This commit is contained in:
@@ -31,62 +31,7 @@
|
||||
<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>
|
||||
@include('vuefilemanager.others.color-template')
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
Reference in New Issue
Block a user