diff --git a/packages/theme/styles/_colors.scss b/packages/theme/styles/_colors.scss
index 53b65b854b..a2129731bd 100644
--- a/packages/theme/styles/_colors.scss
+++ b/packages/theme/styles/_colors.scss
@@ -196,11 +196,3 @@
--theme-status-online: #4ebc53;
--theme-shadow: 0px 4px 8px rgba(155, 155, 155, 0.5);
}
-
-.small-font {
- font-size: 12px;
-}
-
-.normal-font {
- font-size: 14px;
-}
diff --git a/packages/theme/styles/global.scss b/packages/theme/styles/global.scss
index 406cbda997..d3ed702e11 100644
--- a/packages/theme/styles/global.scss
+++ b/packages/theme/styles/global.scss
@@ -81,6 +81,14 @@
border-radius: 4px;
}
+.small-font {
+ font-size: 12px;
+}
+
+.normal-font {
+ font-size: 14px;
+}
+
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
diff --git a/packages/ui/src/components/ActionIcon.svelte b/packages/ui/src/components/ActionIcon.svelte
index 9f753b41d4..e491f254d6 100644
--- a/packages/ui/src/components/ActionIcon.svelte
+++ b/packages/ui/src/components/ActionIcon.svelte
@@ -51,6 +51,7 @@
outline: none;
background-color: transparent;
cursor: pointer;
+ font-size: inherit;
.icon {
opacity: .3;
@@ -78,7 +79,7 @@
height: 1.429em;
}
.large {
- width: 1.714em;
- height: 1.714em;
+ width: 1.715em;
+ height: 1.715em;
}
diff --git a/packages/ui/src/components/Icon.svelte b/packages/ui/src/components/Icon.svelte
index 1095f0bfda..d99a9d7d15 100644
--- a/packages/ui/src/components/Icon.svelte
+++ b/packages/ui/src/components/Icon.svelte
@@ -39,7 +39,7 @@
height: 1.429em;
}
.large {
- width: 1.714em;
- height: 1.714em;
+ width: 1.715em;
+ height: 1.715em;
}
diff --git a/packages/ui/src/components/IconSize.svelte b/packages/ui/src/components/IconSize.svelte
index 0b07df2b48..dd04fac100 100644
--- a/packages/ui/src/components/IconSize.svelte
+++ b/packages/ui/src/components/IconSize.svelte
@@ -31,7 +31,7 @@
height: 1.429em;
}
.large {
- width: 1.714em;
- height: 1.714em;
+ width: 1.715em;
+ height: 1.715em;
}
diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
index bfc17fe03f..049062b22e 100644
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -96,7 +96,6 @@
display: flex;
align-items: center;
flex-direction: row-reverse;
- color: var(--theme-content-color);
.clock {
margin: 0 40px 0 24px;
@@ -110,7 +109,7 @@
justify-content: center;
width: 32px;
height: 32px;
- opacity: .3;
+ opacity: .6;
}
}
}
diff --git a/packages/ui/src/components/internal/Status.svelte b/packages/ui/src/components/internal/Status.svelte
index f508efe7cc..5c739b81cc 100644
--- a/packages/ui/src/components/internal/Status.svelte
+++ b/packages/ui/src/components/internal/Status.svelte
@@ -24,10 +24,9 @@
align-items: center;
font-size: 11px;
user-select: none;
- opacity: .5;
span {
- margin-left: 8px;
+ margin-left: .75em;
}
}
\ No newline at end of file
diff --git a/packages/ui/src/components/internal/icons/Info.svelte b/packages/ui/src/components/internal/icons/Info.svelte
index 930cea14ba..899a2e62c7 100644
--- a/packages/ui/src/components/internal/icons/Info.svelte
+++ b/packages/ui/src/components/internal/icons/Info.svelte
@@ -16,12 +16,12 @@