From b71fb9f04ac429bd0184b61293b9544c67ce0662 Mon Sep 17 00:00:00 2001 From: theADAMJR Date: Tue, 30 May 2023 23:26:48 +0100 Subject: [PATCH] Add almost complete new stars theme. --- .../assets/images/themes/star-satellites.png | Bin 0 -> 8986 bytes .../channel/message/message-content.tsx | 2 +- .../user-settings/user-settings-themes.tsx | 23 ++++++++++-------- .../modals/user-settings/user-settings.tsx | 2 +- .../navigation/sidebar/sidebar-icon.tsx | 2 +- frontend/src/store/themes.ts | 2 +- frontend/src/styles/theme/new-stars-theme.css | 2 ++ frontend/src/styles/theme/theme-util.css | 4 +++ 8 files changed, 23 insertions(+), 14 deletions(-) create mode 100644 backend/assets/images/themes/star-satellites.png diff --git a/backend/assets/images/themes/star-satellites.png b/backend/assets/images/themes/star-satellites.png new file mode 100644 index 0000000000000000000000000000000000000000..70ea47ea50126d4707b0e3c7be090d2f093594cc GIT binary patch literal 8986 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 literal 0 HcmV?d00001 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);