diff --git a/backend/assets/images/themes/star-satellites.png b/backend/assets/images/themes/star-satellites.png new file mode 100644 index 00000000..70ea47ea Binary files /dev/null and b/backend/assets/images/themes/star-satellites.png differ diff --git a/frontend/src/components/channel/message/message-content.tsx b/frontend/src/components/channel/message/message-content.tsx index 4e8fa7c1..1bfcef53 100644 --- a/frontend/src/components/channel/message/message-content.tsx +++ b/frontend/src/components/channel/message/message-content.tsx @@ -29,7 +29,7 @@ const MessageContent: FunctionComponent = ({ message }) => {message.attachmentURLs?.map(imageURL => dispatch(previewImage(imageURL))} src={process.env.REACT_APP_CDN_URL + imageURL} diff --git a/frontend/src/components/modals/user-settings/user-settings-themes.tsx b/frontend/src/components/modals/user-settings/user-settings-themes.tsx index 3c9968e5..ca14460b 100644 --- a/frontend/src/components/modals/user-settings/user-settings-themes.tsx +++ b/frontend/src/components/modals/user-settings/user-settings-themes.tsx @@ -165,16 +165,19 @@ const UserSettingsThemes: React.FunctionComponent = () => { register={register} options={{ value: theme.name }} /> -
- Copy - - {shortURL + '/themes/'} - {theme?.code} - +
+ +
+ Copy + + {shortURL + '/themes/'} + {theme?.code} + +
{/* { tabs={[ { name: 'Overview', id: 'overview' }, { name: 'Security', id: 'security' }, - { name: <>Themes , id: 'themes' }, + { name: 'Themes', id: 'themes' }, { name: 'Advanced', id: 'advanced' }, ]} />
diff --git a/frontend/src/components/navigation/sidebar/sidebar-icon.tsx b/frontend/src/components/navigation/sidebar/sidebar-icon.tsx index f74ccf25..c51da84c 100644 --- a/frontend/src/components/navigation/sidebar/sidebar-icon.tsx +++ b/frontend/src/components/navigation/sidebar/sidebar-icon.tsx @@ -28,7 +28,7 @@ const SidebarIcon: React.FunctionComponent = (props) => { const Icon = () => (imageURL) ? {name} : {getAbbr(name)}; diff --git a/frontend/src/store/themes.ts b/frontend/src/store/themes.ts index 523cf16b..3768460a 100644 --- a/frontend/src/store/themes.ts +++ b/frontend/src/store/themes.ts @@ -44,7 +44,7 @@ const slice = createSlice({ code: 'new_stars', createdAt: new Date('30/12/2021'), creatorId: process.env.REACT_APP_OWNER_USER_ID, - iconURL: '/images/themes/.svg', + iconURL: '/images/themes/star-satellites.png', isFeatured: true, name: 'New Stars (built-in)', styles: newStarsTheme, diff --git a/frontend/src/styles/theme/new-stars-theme.css b/frontend/src/styles/theme/new-stars-theme.css index 5efd13a9..64301100 100644 --- a/frontend/src/styles/theme/new-stars-theme.css +++ b/frontend/src/styles/theme/new-stars-theme.css @@ -1,4 +1,5 @@ /* newstarsgame.com */ +/* Icon: Star satellites icon - by Lorc under CC-BY-3.0 - https://game-icons.net */ :root { --primary: yellow; --secondary: yellow; @@ -52,6 +53,7 @@ body { div.ReactModal__Content:not(.w-full), .sidebar-icons *, .context-menu, +.input, input, textarea, label+* { diff --git a/frontend/src/styles/theme/theme-util.css b/frontend/src/styles/theme/theme-util.css index 90d8b68e..c248465d 100644 --- a/frontend/src/styles/theme/theme-util.css +++ b/frontend/src/styles/theme/theme-util.css @@ -47,6 +47,10 @@ textarea:focus { border: 1px solid var(--primary); } +.object-scale-down { + object-fit: scale-down; +} + /* Util */ .light { color: var(--light);