Merge branch '8003-fix-theme-color-to-be-brandable' of github.com:Ocelot-Social-Community/Ocelot-Social into brand-reformer-network-first-step

.github/dependabot.yml

@@ -134,7 +134,6 @@ updates:
     vue:
       applies-to: version-updates
       patterns:
-        - "vue*"
         - "@vue*"
 
 - package-ecosystem: docker
@@ -185,10 +184,6 @@ updates:
       applies-to: version-updates
       patterns:
         - "remark*"
-    sass:
-      applies-to: version-updates
-      patterns:
-        - "sass*"
     storybook:
       applies-to: version-updates
       patterns:

backend/README.md

@@ -20,7 +20,7 @@ Wait a little until your backend is up and running at [http://localhost:4000/](h
 
 For the local installation you need a recent version of
 [Node](https://nodejs.org/en/) (>= `v16.19.0`). We are using
-`v19.4.0` and therefore we recommend to use the same version
+`v20.12.1` and therefore we recommend to use the same version
 ([see](https://github.com/Ocelot-Social-Community/Ocelot-Social/issues/4082)
 some known problems with more recent node versions). You can use the
 [node version manager](https://github.com/nvm-sh/nvm) `nvm` to switch
@@ -29,8 +29,8 @@ between different local Node versions:
 ```bash
 # install Node
 $ cd backend
-$ nvm install v19.4.0
-$ nvm use v19.4.0
+$ nvm install v20.12.1
+$ nvm use v20.12.1
 ```
 
 Install node dependencies with [yarn](https://yarnpkg.com/en/):

frontend/src/assets/sass/tokens.module.scss

@@ -28,6 +28,14 @@ $color-yellow: rgb(245, 196, 0);
 $color-yellow-active: rgb(255, 206, 10);
 $color-yellow-inverse: rgb(255, 252, 240);
 
+/**
+ * @tokens Theme
+ * @presenter Color
+ */
+
+// main color in general. e.g. the color in the background of the app that is visible behind the transparent iPhone status bar to name one use case, or the current color of SVGs to name another use case
+$theme-color: $color-primary;
+
 /**
  * @tokens Color Neutral
  * @presenter Color

webapp/README.md

@@ -10,8 +10,8 @@ between different local Node versions:
 ```bash
 # install Node
 $ cd webapp
-$ nvm install v19.4.0
-$ nvm use v19.4.0
+$ nvm install v20.12.1
+$ nvm use v20.12.1
 ```
 
 Install node dependencies with [yarn](https://yarnpkg.com/en/):

webapp/constants/manifest.js

@@ -4,6 +4,6 @@ export default {
   name: APPLICATION_NAME,
   short_name: APPLICATION_SHORT_NAME,
   description: APPLICATION_DESCRIPTION,
-  theme_color: '#17b53f',
+  theme_color: '$theme-color',
   lang: 'en',
 }