diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index b096f00e..cfc2d83d 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -52,6 +52,7 @@
+

{{$t('settings.radii_help')}}

@@ -121,8 +122,20 @@ margin-right: 1em; } +.radius-container, .color-container { display: flex; + + p { + margin-top: 2em; + margin-bottom: .5em; + } +} +.radius-container { + flex-direction: column; +} + +.color-container { flex-wrap: wrap; justify-content: space-between; } diff --git a/src/i18n/messages.js b/src/i18n/messages.js index 9f3d65ce..cbe702d0 100644 --- a/src/i18n/messages.js +++ b/src/i18n/messages.js @@ -239,10 +239,21 @@ const en = { theme: 'Theme', presets: 'Presets', theme_help: 'Use hex color codes (#rrggbb) to customize your color theme.', + radii_help: 'Set up interface edge rounding (in pixels)', background: 'Background', foreground: 'Foreground', text: 'Text', links: 'Links', + cBlue: 'Blue (Reply, follow)', + cRed: 'Red (Cancel)', + cOrange: 'Orange (Favorite)', + cGreen: 'Green (Retweet)', + btnRadius: 'Buttons', + panelRadius: 'Panels', + avatarRadius: 'Avatars', + avatarAltRadius: 'Avatars (Notifications)', + tooltipRadius: 'Tooltips/alerts', + attachmentRadius: 'Attachments', filtering: 'Filtering', filtering_explanation: 'All statuses containing these words will be muted, one per line', attachments: 'Attachments',