mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
custom color theme part 1
This commit is contained in:
30
resources/sass/app.scss
vendored
30
resources/sass/app.scss
vendored
@@ -113,10 +113,6 @@
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.router-link-exact-active {
|
||||
border-bottom: 2px solid $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -130,34 +126,18 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&.trash {
|
||||
|
||||
&.is-active-trash,
|
||||
&:hover {
|
||||
svg {
|
||||
path, line, polyline, rect, circle, ellipse {
|
||||
stroke: $danger;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active,
|
||||
&.router-link-exact-active,
|
||||
&:hover {
|
||||
|
||||
svg {
|
||||
path, line, polyline, rect, circle, ellipse {
|
||||
stroke: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
color: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -166,7 +146,7 @@
|
||||
line-height: 0;
|
||||
|
||||
path, line, polyline, rect, circle, ellipse {
|
||||
stroke: $text;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -246,12 +226,12 @@
|
||||
|
||||
.folder-icon {
|
||||
path, line, polyline, rect, circle, ellipse {
|
||||
stroke: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
color: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -87,7 +87,7 @@ input[type="email"] {
|
||||
|
||||
&.is-error {
|
||||
border-color: $danger;
|
||||
box-shadow: 0 0 7px rgba($danger, 0.3);
|
||||
//box-shadow: 0 0 7px rgba($danger, 0.3);
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
@@ -96,8 +96,7 @@ input[type="email"] {
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: $theme;
|
||||
box-shadow: 0 0 7px rgba($theme, 0.3);
|
||||
//box-shadow: 0 0 7px rgba($theme, 0.3);
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
@@ -110,10 +109,8 @@ input[type="email"] {
|
||||
@include font-size(16);
|
||||
margin-top: 50px;
|
||||
display: block;
|
||||
color: $text;
|
||||
|
||||
b, a {
|
||||
color: $theme;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
|
||||
7
resources/sass/vuefilemanager/_forms.scss
vendored
7
resources/sass/vuefilemanager/_forms.scss
vendored
@@ -122,7 +122,7 @@ input[type="email"] {
|
||||
|
||||
&.is-error {
|
||||
border-color: $danger;
|
||||
box-shadow: 0 1px 5px rgba($danger, 0.3);
|
||||
//box-shadow: 0 1px 5px rgba($danger, 0.3);
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
@@ -131,8 +131,7 @@ input[type="email"] {
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: $theme;
|
||||
box-shadow: 0 1px 5px rgba($theme, 0.3);
|
||||
//box-shadow: 0 1px 5px rgba($theme, 0.3);
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
@@ -148,10 +147,8 @@ input[type="email"] {
|
||||
@include font-size(16);
|
||||
margin-top: 50px;
|
||||
display: block;
|
||||
color: $text;
|
||||
|
||||
b, a {
|
||||
color: $theme;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
|
||||
&.is-error {
|
||||
border-color: $danger;
|
||||
box-shadow: 0 0 7px rgba($danger, 0.3);
|
||||
//box-shadow: 0 0 7px rgba($danger, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@ $text: #1B2539;
|
||||
$text-muted: rgba($text, 0.7);
|
||||
|
||||
$theme: #00BC7E;
|
||||
//$theme: #1670B7;
|
||||
//$theme: #FF8200;
|
||||
$theme_light: #ECF7F2;
|
||||
|
||||
$yellow: #FFBD2D;
|
||||
|
||||
Reference in New Issue
Block a user