From 5d7ad1627f966fe29592c854f7c2f977a14201d8 Mon Sep 17 00:00:00 2001 From: Andrew Gormley Date: Thu, 25 Jul 2024 16:29:28 +0100 Subject: [PATCH] fixes dark mode primary button contrast issue --- netbox/project-static/dist/netbox.css | Bin 557077 -> 557297 bytes .../styles/overrides/_tabler.scss | 8 ++++++++ .../styles/transitional/_tables.scss | 5 +++++ 3 files changed, 13 insertions(+) diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css index 0d9ddb95df5ac752db2890adc76f51e02944c3e7..6b89c46ec2cd45edc80924c54a748739f13b3526 100644 GIT binary patch delta 135 zcmbQ*p!Bg(siB3jg{g(Pg{6hHg{_5s3r9x+S4p03K~ZLIVo~Mv3z@9a)9)v6aBrWK zz;T&Tpdc|lRW~OyFIz7$xg@hJ6|6uA!nV_c%T`a1PvFp)&X&mGw0(IJN4v=Mdr2IU a(?6GS2(#!VmE=w5P2^DAu2;_SoC5$6tuSo> delta 48 zcmey^s5G@fsiB3jg{g(Pg{6hHg{_5s3r9!7^!o`MT-$dfa9n2G{vnCuq{w!z3XbO- E0KG*LSpWb4 diff --git a/netbox/project-static/styles/overrides/_tabler.scss b/netbox/project-static/styles/overrides/_tabler.scss index fba5e6f3c..e6432558b 100644 --- a/netbox/project-static/styles/overrides/_tabler.scss +++ b/netbox/project-static/styles/overrides/_tabler.scss @@ -91,6 +91,10 @@ pre { // Dark mode overrides body[data-bs-theme=dark] { + .btn-primary { + color: $rich-black!important; + } + // Change content color when primary teal changes with theme .bg-primary { .card-title,a,i { @@ -115,6 +119,10 @@ body[data-bs-theme=dark] { background-color: $rich-black-light!important; } + .page-link.active, .active>.page-link { + color: $rich-black; + } + // Adjusting text colors .text- { &bg-primary { diff --git a/netbox/project-static/styles/transitional/_tables.scss b/netbox/project-static/styles/transitional/_tables.scss index 2d90e6524..58d7dc942 100644 --- a/netbox/project-static/styles/transitional/_tables.scss +++ b/netbox/project-static/styles/transitional/_tables.scss @@ -77,6 +77,11 @@ body[data-bs-theme=dark] { table.object-list { a { color: var(--#{$prefix}body-color)!important; + + // Ensures primary button color remains legible + &.btn-primary { + color: $rich-black!important; + } } } }