Skip to content

Comments

🎨(services) apply Rijksoverheid styling to embedded services#447

Open
berrydenhartog wants to merge 2 commits intomainfrom
feature/services-styling
Open

🎨(services) apply Rijksoverheid styling to embedded services#447
berrydenhartog wants to merge 2 commits intomainfrom
feature/services-styling

Conversation

@berrydenhartog
Copy link
Member

Apply consistent Rijksoverheid logoblauw (#154273) brand colors, Inter font and hide service logos across docs, conversations, meet and drive when embedded in bureaublad.

Description

Describe in detail the changes you are proposing, and the rationale.

Link all GitHub issues fixed by this PR. Make sure to first open an issue, get community approval and only then create Pull Request to resolve it. All Pull Requests must have an issue attached to them

Resolves #

Checklist

Please check all the boxes that apply to this pull request using "x":

  • I have followed the project's style guidelines by running the relevant scripts/* tools.
  • I have rebased my branch onto the latest commit of the main branch.
  • I have squashed or reorganized my commits into logical units.
  • I have updated documentation.

Apply consistent Rijksoverheid logoblauw (#154273) brand colors, Inter
font and hide service logos across docs, conversations, meet and drive
when embedded in bureaublad.
@berrydenhartog berrydenhartog requested a review from a team as a code owner February 18, 2026 09:36
@github-actions
Copy link
Contributor

github-actions bot commented Feb 18, 2026

DIFF


diff -burN /tmp/manifest/demo-main/helmfile-child.yaml-66f5397e-docs/docs/templates/backend-job.yaml /tmp/manifest/demo/helmfile-child.yaml-66f5397e-docs/docs/templates/backend-job.yaml
--- /tmp/manifest/demo-main/helmfile-child.yaml-66f5397e-docs/docs/templates/backend-job.yaml	2026-02-19 08:01:33.926424885 +0000
+++ /tmp/manifest/demo/helmfile-child.yaml-66f5397e-docs/docs/templates/backend-job.yaml	2026-02-19 07:59:21.525277281 +0000
@@ -3,7 +3,7 @@
 apiVersion: batch/v1
 kind: Job
 metadata:
-  name: docs-backend-migrate-1771488093
+  name: docs-backend-migrate-1771487798
   namespace: "default"
   labels:
     app.kubernetes.io/instance: docs
@@ -295,7 +295,7 @@
 apiVersion: batch/v1
 kind: Job
 metadata:
-  name: docs-backend-createsuperuser-1771488093
+  name: docs-backend-createsuperuser-1771487798
   namespace: "default"
   labels:
     app.kubernetes.io/instance: docs
diff -burN /tmp/manifest/demo-main/helmfile-child.yaml-66f5397e-docs-static/nginx/templates/extra-list.yaml /tmp/manifest/demo/helmfile-child.yaml-66f5397e-docs-static/nginx/templates/extra-list.yaml
--- /tmp/manifest/demo-main/helmfile-child.yaml-66f5397e-docs-static/nginx/templates/extra-list.yaml	2026-02-19 08:01:33.843242060 +0000
+++ /tmp/manifest/demo/helmfile-child.yaml-66f5397e-docs-static/nginx/templates/extra-list.yaml	2026-02-19 07:59:21.503276929 +0000
@@ -7,6 +7,46 @@
     .--docs--button-logout {
       display: none !important;
     }
+
+    /* Hide logo - shown via bureaublad */
+    [data-testid="header-logo-link"] {
+      display: none !important;
+    }
+
+    /* Push remaining header buttons to the right */
+    .--docs--header-block-right {
+      margin-left: auto !important;
+    }
+
+    /* Use Inter font */
+    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+    /* Override brand colors to Rijksoverheid logoblauw (#154273) */
+    :root {
+      --c--globals--colors--brand-050: #e8edf4 !important;
+      --c--globals--colors--brand-100: #d1dbe9 !important;
+      --c--globals--colors--brand-150: #bac9de !important;
+      --c--globals--colors--brand-200: #a3b7d3 !important;
+      --c--globals--colors--brand-250: #8ca5c8 !important;
+      --c--globals--colors--brand-300: #7593bd !important;
+      --c--globals--colors--brand-350: #5e81b2 !important;
+      --c--globals--colors--brand-400: #476fa7 !important;
+      --c--globals--colors--brand-450: #305d9c !important;
+      --c--globals--colors--brand-500: #154273 !important;
+      --c--globals--colors--brand-550: #133c68 !important;
+      --c--globals--colors--brand-600: #11365d !important;
+      --c--globals--colors--brand-650: #0f3052 !important;
+      --c--globals--colors--brand-700: #0d2a47 !important;
+      --c--globals--colors--brand-750: #0b243c !important;
+      --c--globals--colors--brand-800: #091e31 !important;
+      --c--globals--colors--brand-850: #071826 !important;
+      --c--globals--colors--brand-900: #05121b !important;
+      --c--globals--colors--brand-950: #030c10 !important;
+      --c--globals--colors--logo-1-light: #154273 !important;
+      --c--globals--colors--logo-2-light: #154273 !important;
+      --c--globals--colors--logo-1-dark: #476fa7 !important;
+      --c--globals--colors--logo-2-dark: #476fa7 !important;
+    }
 kind: ConfigMap
 metadata:
   labels:
diff -burN /tmp/manifest/demo-main/helmfile-child.yaml-67ca4689-meet-static/nginx/templates/extra-list.yaml /tmp/manifest/demo/helmfile-child.yaml-67ca4689-meet-static/nginx/templates/extra-list.yaml
--- /tmp/manifest/demo-main/helmfile-child.yaml-67ca4689-meet-static/nginx/templates/extra-list.yaml	2026-02-19 08:00:27.509699942 +0000
+++ /tmp/manifest/demo/helmfile-child.yaml-67ca4689-meet-static/nginx/templates/extra-list.yaml	2026-02-19 07:59:21.539277506 +0000
@@ -7,6 +7,50 @@
     nav button:first-child {
       display: none !important;
     }
+
+    /* Hide logo - shown via bureaublad */
+    .Header-logo {
+      display: none !important;
+    }
+
+    /* Use Inter font */
+    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+    *:not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined) {
+      font-family: 'Inter', sans-serif !important;
+    }
+
+    /* Override primary/blue colors to Rijksoverheid logoblauw (#154273) */
+    :root, :host {
+      --colors-blue-50: #e8edf4 !important;
+      --colors-blue-100: #d1dbe9 !important;
+      --colors-blue-200: #a3b7d3 !important;
+      --colors-blue-300: #7593bd !important;
+      --colors-blue-400: #476fa7 !important;
+      --colors-blue-500: #305d9c !important;
+      --colors-blue-600: #1d4f8a !important;
+      --colors-blue-700: #154273 !important;
+      --colors-blue-800: #0f3052 !important;
+      --colors-blue-900: #091e31 !important;
+      --colors-blue-950: #05121b !important;
+      --colors-primary: #154273 !important;
+      --colors-primary-hover: #0f3052 !important;
+      --colors-primary-active: #091e31 !important;
+      --colors-primary-subtle: #e8edf4 !important;
+      --colors-primary-subtle-text: #154273 !important;
+      --colors-primary-warm: #7593bd !important;
+      --colors-primary-50: #e8edf4 !important;
+      --colors-primary-100: #d1dbe9 !important;
+      --colors-primary-200: #a3b7d3 !important;
+      --colors-primary-300: #7593bd !important;
+      --colors-primary-400: #476fa7 !important;
+      --colors-primary-500: #305d9c !important;
+      --colors-primary-600: #1d4f8a !important;
+      --colors-primary-700: #154273 !important;
+      --colors-primary-800: #0f3052 !important;
+      --colors-primary-900: #091e31 !important;
+      --colors-primary-950: #05121b !important;
+    }
 kind: ConfigMap
 metadata:
   labels:

Copy link
Contributor

@ChristopherSpelt ChristopherSpelt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe reformat and check why some tests are failing. For the rest, it looks good

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants