muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-24 18:46:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed svg colors

Browse source
This commit is contained in:
Fedor Katurov 2021-04-20 17:36:49 +07:00
parent 8346c2533f
commit 7b24499f49
5 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/styles/colors.scss
View file

@ -32,4 +32,4 @@ $tooltip_background: #123740;
$loading_shade: darken($blue_secondary, 20%);
$cluster_small: #0069a7;
$title_dialog_color: fade(#111111, 85%);
$title_dialog_color: darken(#111111, 85%);

24
src/styles/dialogs.scss
View file

@ -178,7 +178,7 @@
left: 0;
width: 100%;
z-index: 10;
background: linear-gradient(fade($loading_shade, 0%), $loading_shade 70%);
background: linear-gradient(darken($loading_shade, 0%), $loading_shade 70%);
height: 100px;
pointer-events: none;
transition: opacity 100ms;
@ -240,7 +240,7 @@
&.has_edit {
//transform: translateY(-2px);
.route-row {
background: fade($green_secondary, 30%);
background: darken($green_secondary, 30%);
}
}
@ -280,11 +280,11 @@
}
.route-row-edit {
background: fade($green_secondary, 30%);
background: darken($green_secondary, 30%);
}
.route-row-drop {
background: fade($red_secondary, 20%);
background: darken($red_secondary, 20%);
.route-row {
align-items: center;
@ -341,13 +341,13 @@
display: flex;
align-items: center;
justify-content: center;
fill: fade(white, 30%);
background: fade(white, 8%);
fill: darken(white, 30%);
background: darken(white, 8%);
cursor: pointer;
transition: background 250ms, transform 500ms;
&:hover {
background: fade(white, 10%);
background: darken(white, 10%);
}
}
@ -361,7 +361,7 @@
overflow: hidden;
transition: all 500ms;
display: flex;
fill: fade(white, 30%);
fill: darken(white, 30%);
div {
width: 60px;
@ -371,16 +371,16 @@
align-items: center;
&:first-child {
box-shadow: fade(black, 30%) 1px 0;
box-shadow: darken(black, 30%) 1px 0;
}
&:hover {
background: fade($red_secondary, 30%);
background: darken($red_secondary, 30%);
}
&.modify-button {
&:hover {
background: fade($green_secondary, 30%);
background: darken($green_secondary, 30%);
}
}
}
@ -399,7 +399,7 @@
.route-row-corner {
svg {
fill: fade(white, 50%);
fill: darken(white, 50%);
margin-right: 2px;
flex-shrink: 0;
}

4
src/styles/map.scss
View file

@ -308,7 +308,7 @@
align-items: center;
justify-content: center;
color: white;
box-shadow: fade($cluster_small, 70%) 0 0 0 5px;
box-shadow: darken($cluster_small, 70%) 0 0 0 5px;
font-weight: bold;
font-size: 13px;
transform: translate(-12px, -12px);
@ -317,7 +317,7 @@
outline: none;
&:hover {
box-shadow: fade($cluster_small, 70%) 0 0 0 7px;
box-shadow: darken($cluster_small, 70%) 0 0 0 7px;
}
span {

4
src/styles/panel.scss
View file

@ -729,7 +729,7 @@
margin-bottom: 10px;
padding: 10px;
background: $title_dialog_color;
color: fade(white, 50%);
color: darken(white, 50%);
font-size: 13px;
box-sizing: border-box;
border-radius: $panel_radius;
@ -761,7 +761,7 @@
content: ' ';
width: 100%;
height: 40px;
background: linear-gradient(fade($title_dialog_color, 0), $title_dialog_color);
background: linear-gradient(darken($title_dialog_color, 0), $title_dialog_color);
position: absolute;
bottom: 0;
left: 0;

2
src/styles/save.scss
View file

@ -41,7 +41,7 @@
pointer-events: none;
text-transform: uppercase;
font-size: 1.2em;
color: fade(white, 70%);
color: darken(white, 70%);
svg {
fill: white;