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 @@ - + diff --git a/plugins/workbench-resources/src/components/AppItem.svelte b/plugins/workbench-resources/src/components/AppItem.svelte index d8f7c865be..0588f0c30c 100644 --- a/plugins/workbench-resources/src/components/AppItem.svelte +++ b/plugins/workbench-resources/src/components/AppItem.svelte @@ -48,6 +48,7 @@ outline: none; background-color: transparent; cursor: pointer; + font-size: inherit; .marker { position: absolute; diff --git a/plugins/workbench-resources/src/components/Applications.svelte b/plugins/workbench-resources/src/components/Applications.svelte index 3abe89afd2..bb57acd480 100644 --- a/plugins/workbench-resources/src/components/Applications.svelte +++ b/plugins/workbench-resources/src/components/Applications.svelte @@ -55,6 +55,7 @@ align-items: center; width: 48px; height: 48px; + font-size: inherit; } .app + .app { margin-top: 4px;