mirror of
https://github.com/tobspr/shapez.io.git
synced 2024-10-27 20:34:29 +00:00
Increase readability of certain HUD elements
This commit is contained in:
parent
356bb2b73a
commit
922f8f47d7
@ -11,7 +11,11 @@
|
|||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
transition: transform 0.12s ease-in-out;
|
transition: transform 0.12s ease-in-out;
|
||||||
|
|
||||||
background: rgba(mix(#ddd, $colorBlueBright, 80%), 0.69);
|
background: rgba(mix(#ddd, $colorBlueBright, 90%), 0.75);
|
||||||
|
|
||||||
|
@include DarkThemeOverride {
|
||||||
|
background: #222428;
|
||||||
|
}
|
||||||
|
|
||||||
&:not(.visible) {
|
&:not(.visible) {
|
||||||
transform: translateX(-50%) translateY(#{D(100px)});
|
transform: translateX(-50%) translateY(#{D(100px)});
|
||||||
|
@ -6,8 +6,12 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
color: #333438;
|
||||||
|
// text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
|
||||||
|
|
||||||
|
@include DarkThemeOverride {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.1);
|
}
|
||||||
|
|
||||||
> .binding {
|
> .binding {
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
@ -42,10 +46,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
color: $accentColorDark;
|
color: #333438;
|
||||||
@include SuperSmallText;
|
@include SuperSmallText;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
// color: #fff;
|
||||||
|
@include DarkThemeOverride {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
@include S(margin-left, 5px);
|
@include S(margin-left, 5px);
|
||||||
}
|
}
|
||||||
|
@ -16,8 +16,8 @@
|
|||||||
grid-template-columns: auto 1fr;
|
grid-template-columns: auto 1fr;
|
||||||
grid-template-rows: 1fr 1fr;
|
grid-template-rows: 1fr 1fr;
|
||||||
@include S(margin-bottom, 4px);
|
@include S(margin-bottom, 4px);
|
||||||
color: #fff;
|
color: #333438;
|
||||||
text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.2);
|
// text-shadow: #{D(1px)} #{D(1px)} 0 rgba(0, 10, 20, 0.2);
|
||||||
|
|
||||||
&.unpinable {
|
&.unpinable {
|
||||||
> canvas {
|
> canvas {
|
||||||
@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
> .goalLabel {
|
> .goalLabel {
|
||||||
@include S(font-size, 7px);
|
@include S(font-size, 7px);
|
||||||
opacity: 0.5;
|
opacity: 0.9;
|
||||||
align-self: start;
|
align-self: start;
|
||||||
justify-self: start;
|
justify-self: start;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -81,7 +81,6 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
@include S(width, 8px);
|
@include S(width, 8px);
|
||||||
@include S(height, 8px);
|
@include S(height, 8px);
|
||||||
opacity: 0.8;
|
|
||||||
@include S(top, 4px);
|
@include S(top, 4px);
|
||||||
@include S(left, -7px);
|
@include S(left, -7px);
|
||||||
background: uiResource("icons/current_goal_marker.png") center center / contain no-repeat;
|
background: uiResource("icons/current_goal_marker.png") center center / contain no-repeat;
|
||||||
|
@ -38,13 +38,13 @@
|
|||||||
@include SuperSmallText;
|
@include SuperSmallText;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #000;
|
color: #333438;
|
||||||
@include S(padding-left, 11px);
|
@include S(padding-left, 11px);
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr auto;
|
grid-template-columns: 1fr auto;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: uiResource("icons/waypoint.png") left 50% / #{D(8px)} no-repeat;
|
background: uiResource("icons/waypoint.png") left 50% / #{D(8px)} no-repeat;
|
||||||
opacity: 0.5;
|
opacity: 0.7;
|
||||||
@include S(margin-bottom, 1px);
|
@include S(margin-bottom, 1px);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -4,8 +4,9 @@ export const CHANGELOG = [
|
|||||||
date: "unreleased",
|
date: "unreleased",
|
||||||
entries: [
|
entries: [
|
||||||
"Added setting to configure zoom / mouse wheel / touchpad sensitivity",
|
"Added setting to configure zoom / mouse wheel / touchpad sensitivity",
|
||||||
"Allow binding mouse buttons to actions (by Dimava)",
|
|
||||||
"Fix belts being too slow when copied via blueprint (by Dimava)",
|
"Fix belts being too slow when copied via blueprint (by Dimava)",
|
||||||
|
"Allow binding mouse buttons to actions (by Dimava)",
|
||||||
|
"Increase readability of certain HUD elements",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
Loading…
Reference in New Issue
Block a user