Commit fd919b51 authored by Benjamin Cabé's avatar Benjamin Cabé Committed by Fabio Baltieri
Browse files

doc: make graphviz diagrams look good in dark theme 

Add filter to invert colors in dark mode.

Signed-off-by: default avatarBenjamin Cabé <benjamin@zephyrproject.org>
parent 57295523

doc/_static/css/custom.css

+4 −0
Changes for doc/_static/css/custom.css: 4 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -922,6 +922,10 @@ dark-mode-toggle::part(toggleLabel){ 
  font-size: unset;

}



div.graphviz > object {

    filter: var(--graphviz-filter);

}



/* Home page grid display */

.grid {

    list-style-type: none !important;

doc/_static/css/dark.css

+2 −0
Changes for doc/_static/css/dark.css: 2 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -93,4 +93,6 @@ 
    --btn-neutral-background-color: #404040;

    --btn-neutral-hover-background-color: #505050;

    --footer-color: #aaa;



    --graphviz-filter: invert(0.9) brightness(1.2);

}

doc/_static/css/light.css

+2 −0
Changes for doc/_static/css/light.css: 2 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -91,4 +91,6 @@ 
    --btn-neutral-background-color: #f3f6f6;

    --btn-neutral-hover-background-color: #e5ebeb;

    --footer-color: #808080;



    --graphviz-filter: none;

}

CRA Git | Maintained and supported by SUSTech CRA and CCSE