diff --git a/images/session/session_icon.png b/images/session/session_icon.png index 8555d93fe..2c07ba2e9 100644 Binary files a/images/session/session_icon.png and b/images/session/session_icon.png differ diff --git a/ts/components/AboutView.tsx b/ts/components/AboutView.tsx index 751e460a1..122f9c312 100644 --- a/ts/components/AboutView.tsx +++ b/ts/components/AboutView.tsx @@ -22,10 +22,13 @@ const StyledContent = styled(Flex)` } img:first-child { + filter: brightness(0) saturate(100%) invert(75%) sepia(84%) saturate(3272%) hue-rotate(103deg) + brightness(106%) contrast(103%); margin: var(--margins-2xl) 0 var(--margins-lg); } img:nth-child(2) { + filter: var(--session-logo-text-current-filter); margin-bottom: var(--margins-xl); } @@ -40,13 +43,14 @@ const StyledContent = styled(Flex)` export const AboutView = () => { // Add debugging metadata - environment if not production, app instance name - const states = []; + const environmentStates = []; if (window.getEnvironment() !== 'production') { - states.push(window.getEnvironment()); + environmentStates.push(window.getEnvironment()); } + if (window.getAppInstance()) { - states.push(window.getAppInstance()); + environmentStates.push(window.getAppInstance()); } const versionInfo = `v${window.getVersion()}`; @@ -63,7 +67,7 @@ export const AboutView = () => { }, []); return ( - + { width={192} height={26} /> - { buttonType={SessionButtonType.Simple} /> - + {environmentStates.length ? ( + + ) : null} https://getsession.org
diff --git a/ts/components/DebugLogView.tsx b/ts/components/DebugLogView.tsx index 930414d59..88f560978 100644 --- a/ts/components/DebugLogView.tsx +++ b/ts/components/DebugLogView.tsx @@ -5,6 +5,8 @@ import { switchThemeTo } from '../themes/switchTheme'; import { fetchNodeLog } from '../util/logging'; import { SessionButton, SessionButtonType } from './basic/SessionButton'; import { SessionIconButton } from './icon'; +import { CopyToClipboardButton } from './buttons'; +import { Flex } from './basic/Flex'; const StyledContent = styled.div` background-color: var(--modal-background-content-color); @@ -54,7 +56,14 @@ const DebugLogTextArea = (props: { content: string }) => { const DebugLogButtons = (props: { content: string }) => { return ( -
+ { (window as any).saveLog(props.content); }} /> -
+ + ); }; @@ -107,7 +121,7 @@ export const DebugLogView = () => { }, []); return ( - +
{ const theme = window.Events.getThemeSetting(); @@ -52,10 +53,21 @@ const setupTheme = async () => { } }; -export const SessionTheme = ({ children }: { children: ReactNode }) => { +export const SessionTheme = ({ + children, + runSetup = true, +}: { + children: ReactNode; + /** If we don't have access to some window object functions we may skip theme consistency checks */ + runSetup?: boolean; +}) => { useMount(() => { setThemeValues(THEME_GLOBALS); - void setupTheme(); + if (runSetup) { + void Storage.onready(() => { + void setupTheme(); + }); + } }); return children; };