|
| 1 | +/* set fixed non-trivial inversion and hue rotation */ |
| 2 | +:root { |
| 3 | + --inversionFraction: 100%; |
| 4 | + --hueRotation: -180deg; |
| 5 | +} |
| 6 | + |
| 7 | +/* color-invert images */ |
| 8 | +.color-invertible { |
| 9 | + filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important; |
| 10 | + -ms-filter: invert(var(--inversionFraction)) !important; |
| 11 | + -webkit-filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important; |
| 12 | +} |
| 13 | +/* including the logo */ |
| 14 | +.docs-logo { |
| 15 | + filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important; |
| 16 | + -ms-filter: invert(var(--inversionFraction)) !important; |
| 17 | + -webkit-filter: invert(var(--inversionFraction)) hue-rotate(var(--hueRotation)) !important; |
| 18 | +} |
| 19 | + |
| 20 | + |
| 21 | +/* but disable for the two light themes */ |
| 22 | +.theme--documenter-light .color-invertible { |
| 23 | + filter: invert(0%) hue-rotate(0deg) !important; |
| 24 | + -ms-filter: invert(var(0%)) !important; |
| 25 | + -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important; |
| 26 | +} |
| 27 | +.theme--catppuccin-latte .color-invertible { |
| 28 | + filter: invert(0%) hue-rotate(0deg) !important; |
| 29 | + -ms-filter: invert(var(0%)) !important; |
| 30 | + -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important; |
| 31 | +} |
| 32 | +/* for the logo as well */ |
| 33 | +.theme--documenter-light .docs-logo { |
| 34 | + filter: invert(0%) hue-rotate(0deg) !important; |
| 35 | + -ms-filter: invert(var(0%)) !important; |
| 36 | + -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important; |
| 37 | +} |
| 38 | +.theme--catppuccin-latte .docs-logo { |
| 39 | + filter: invert(0%) hue-rotate(0deg) !important; |
| 40 | + -ms-filter: invert(var(0%)) !important; |
| 41 | + -webkit-filter: invert(var(0%)) hue-rotate(0deg) !important; |
| 42 | +} |
0 commit comments