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

4
src/styles/map.scss
View file

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

4
src/styles/panel.scss
View file

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

2
src/styles/save.scss
View file

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