Skip to content

web/elements: Add light mode custom css handling#14944

Merged
GirlBossRush merged 2 commits intogoauthentik:mainfrom
cdmx-in:patch-1
Jun 11, 2025
Merged

web/elements: Add light mode custom css handling#14944
GirlBossRush merged 2 commits intogoauthentik:mainfrom
cdmx-in:patch-1

Conversation

@cdmx-in
Copy link
Contributor

@cdmx-in cdmx-in commented Jun 6, 2025

Details

This PR fixes an issue where custom CSS was not being applied in light mode theme. The root cause was identified as a missing light mode case in the styleRoot setter within the AKElement class.

Changes:

  • Added light mode case in styleRoot setter to properly handle theme application
  • Added applyUITheme call with UiThemeEnum.Light and custom CSS stylesheet
  • Ensured activeTheme is properly set for light mode

This change ensures consistent behavior of custom CSS application across all theme modes (dark, light, and auto), improving the user experience particularly for those using light mode themes.

No new requirements or breaking changes are introduced.

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
@cdmx-in cdmx-in requested a review from a team as a code owner June 6, 2025 09:48
@netlify
Copy link

netlify bot commented Jun 6, 2025

Deploy Preview for authentik-docs canceled.

Name Link
🔨 Latest commit 05af380
🔍 Latest deploy log https://app.netlify.com/projects/authentik-docs/deploys/6842bc3f9105520008dc5d3a

@netlify
Copy link

netlify bot commented Jun 6, 2025

Deploy Preview for authentik-storybook ready!

Name Link
🔨 Latest commit 05af380
🔍 Latest deploy log https://app.netlify.com/projects/authentik-storybook/deploys/6842bc3fe0b7ae0008f2b3a2
😎 Deploy Preview https://deploy-preview-14944--authentik-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov
Copy link

codecov bot commented Jun 6, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.77%. Comparing base (ef5d358) to head (05af380).
Report is 67 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #14944      +/-   ##
==========================================
- Coverage   92.77%   92.77%   -0.01%     
==========================================
  Files         818      818              
  Lines       42196    42196              
==========================================
- Hits        39149    39148       -1     
- Misses       3047     3048       +1     
Flag Coverage Δ
e2e 47.54% <ø> (ø)
integration 24.45% <ø> (ø)
unit 90.66% <ø> (-0.01%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
@BeryJu BeryJu changed the title fix(ui): Add light mode custom css handling web/elements: Add light mode custom css handling Jun 10, 2025
@GirlBossRush GirlBossRush merged commit 3bf9cf6 into goauthentik:main Jun 11, 2025
98 checks passed
kensternberg-authentik added a commit that referenced this pull request Jun 11, 2025
* main:
  web/elements: Add light mode custom css handling (#14944)
  website/docs: add host header dynamic property mapping (#15006)
  core, web: update translations (#14999)
  website/docs: fixes misplaced sentence (#14998)
  website/docs: note usage of `is_restored` by source stage (#13422)
  website: bump the build group in /website with 6 updates (#15001)
  web: bump @sentry/browser from 9.27.0 to 9.28.0 in /web in the sentry group across 1 directory (#15002)
  core: bump msgraph-sdk from 1.32.0 to 1.33.0 (#15003)
  core: bump google-api-python-client from 2.171.0 to 2.172.0 (#15004)
kensternberg-authentik added a commit that referenced this pull request Jun 12, 2025
* main: (30 commits)
  web/elements: Add light mode custom css handling (#14944)
  website/docs: add host header dynamic property mapping (#15006)
  core, web: update translations (#14999)
  website/docs: fixes misplaced sentence (#14998)
  website/docs: note usage of `is_restored` by source stage (#13422)
  website: bump the build group in /website with 6 updates (#15001)
  web: bump @sentry/browser from 9.27.0 to 9.28.0 in /web in the sentry group across 1 directory (#15002)
  core: bump msgraph-sdk from 1.32.0 to 1.33.0 (#15003)
  core: bump google-api-python-client from 2.171.0 to 2.172.0 (#15004)
  web/admin: fix language in certificate import  (#14953)
  website/integrations: add new categories and update sidebar info (#14995)
  brands: fix custom_css being escaped (#14994)
  web/admin: show selected policy engine mode on bindings pages, allow setting it on sources (#12963)
  website/integrations: add bitwarden (#14922)
  core: bump goauthentik.io/api/v3 from 3.2025061.1 to 3.2025061.2 (#14986)
  website: bump @types/node from 22.15.30 to 24.0.0 in /website (#14988)
  website: bump the eslint group in /website with 3 updates (#14987)
  web: bump the eslint group across 2 directories with 3 updates (#14991)
  website/integrations: fix typos, update language and styling (#14978)
  website/integrations: add 1password (#14815)
  ...
@BeryJu
Copy link
Member

BeryJu commented Jun 17, 2025

/cherry-pick version-2025.6

gcp-cherry-pick-bot bot pushed a commit that referenced this pull request Jun 17, 2025
* fix(ui): Add light mode custom css handling

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

* Update Base.ts

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

---------

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
BeryJu pushed a commit that referenced this pull request Jun 17, 2025
…#15096)

web/elements: Add light mode custom css handling (#14944)

* fix(ui): Add light mode custom css handling



* Update Base.ts



---------

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
Co-authored-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
cavefire pushed a commit to cavefire/authentik that referenced this pull request Jun 24, 2025
* fix(ui): Add light mode custom css handling

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

* Update Base.ts

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

---------

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
@cdmx-in cdmx-in deleted the patch-1 branch December 3, 2025 12:38
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