diff --git a/packages/pl-fe/src/actions/pl-fe.ts b/packages/pl-fe/src/actions/pl-fe.ts
index cd02fade4..899be612c 100644
--- a/packages/pl-fe/src/actions/pl-fe.ts
+++ b/packages/pl-fe/src/actions/pl-fe.ts
@@ -75,7 +75,7 @@ const fetchPlFeJson = (host: string | null) =>
const importPlFeConfig = (plFeConfig: APIEntity, host: string | null) => {
if (!plFeConfig.brandColor) {
- plFeConfig.brandColor = '#0482d8';
+ plFeConfig.brandColor = '#d80482';
}
return {
type: PLFE_CONFIG_REQUEST_SUCCESS,
diff --git a/packages/pl-fe/src/assets/images/avatar-missing.svg b/packages/pl-fe/src/assets/images/avatar-missing.svg
index d5833c90c..406008464 100644
--- a/packages/pl-fe/src/assets/images/avatar-missing.svg
+++ b/packages/pl-fe/src/assets/images/avatar-missing.svg
@@ -27,4 +27,4 @@
y="0" />
+ style="fill:#d80482;fill-opacity:1;stroke-width:0.62687665;opacity:0.3" />
diff --git a/packages/pl-fe/src/assets/images/soapbox-logo.svg b/packages/pl-fe/src/assets/images/soapbox-logo.svg
index 270b7b810..d10c0602d 100644
--- a/packages/pl-fe/src/assets/images/soapbox-logo.svg
+++ b/packages/pl-fe/src/assets/images/soapbox-logo.svg
@@ -1 +1 @@
-
+
diff --git a/packages/pl-fe/src/features/theme-editor/index.tsx b/packages/pl-fe/src/features/theme-editor/index.tsx
index e556c614b..6cd1dae47 100644
--- a/packages/pl-fe/src/features/theme-editor/index.tsx
+++ b/packages/pl-fe/src/features/theme-editor/index.tsx
@@ -87,7 +87,7 @@ const ThemeEditor: React.FC = () => {
};
const restoreDefaultTheme = () => {
- const colors = normalizePlFeConfig({ brandColor: '#0482d8' }).colors.toJS();
+ const colors = normalizePlFeConfig({ brandColor: '#d80482' }).colors.toJS();
setTheme(colors);
};
diff --git a/packages/pl-fe/src/init/pl-fe-head.tsx b/packages/pl-fe/src/init/pl-fe-head.tsx
index f22920fae..296e60d18 100644
--- a/packages/pl-fe/src/init/pl-fe-head.tsx
+++ b/packages/pl-fe/src/init/pl-fe-head.tsx
@@ -28,7 +28,7 @@ const PlFeHead: React.FC = ({ children }) => {
const withModals = useAppSelector((state) => !state.modals.isEmpty() || (state.dropdown_menu.isOpen && userTouching.matches));
- const themeCss = generateThemeCss(demo ? normalizePlFeConfig({ brandColor: '#0482d8' }) : plFeConfig);
+ const themeCss = generateThemeCss(demo ? normalizePlFeConfig({ brandColor: '#d80482' }) : plFeConfig);
const dsn = plFeConfig.sentryDsn;
const bodyClass = clsx('h-full bg-white text-base antialiased black:bg-black dark:bg-gray-800', {
diff --git a/packages/pl-fe/src/instance/pl-fe.example.json b/packages/pl-fe/src/instance/pl-fe.example.json
index 9b6255fa7..2b33e3647 100644
--- a/packages/pl-fe/src/instance/pl-fe.example.json
+++ b/packages/pl-fe/src/instance/pl-fe.example.json
@@ -1,6 +1,6 @@
{
"logo": "/instance/images/soapbox-logo.svg",
- "brandColor": "#0482d8",
+ "brandColor": "#d80482",
"promoPanel": {
"items": [{
"icon": "area-chart",
diff --git a/packages/pl-fe/src/reducers/pl-fe.ts b/packages/pl-fe/src/reducers/pl-fe.ts
index 374d21a30..ad087cc8e 100644
--- a/packages/pl-fe/src/reducers/pl-fe.ts
+++ b/packages/pl-fe/src/reducers/pl-fe.ts
@@ -14,7 +14,7 @@ import {
const initialState = ImmutableMap();
const fallbackState = ImmutableMap({
- brandColor: '#0482d8', // Azure
+ brandColor: '#d80482',
});
const updateFromAdmin = (state: ImmutableMap, configs: ImmutableList>) => {
diff --git a/packages/pl-fe/src/utils/favicon-service.ts b/packages/pl-fe/src/utils/favicon-service.ts
index 7a1ad6538..4e9782248 100644
--- a/packages/pl-fe/src/utils/favicon-service.ts
+++ b/packages/pl-fe/src/utils/favicon-service.ts
@@ -9,7 +9,7 @@ const checkCanvasExtractPermission = () => {
const ctx = canvas.getContext('2d')!;
if (!ctx) return false;
- ctx.fillStyle = '#0482d8';
+ ctx.fillStyle = '#d80482';
ctx.fillRect(0, 0, 1, 1);
const { data } = ctx.getImageData(0, 0, 1, 1);