diff --git a/assets/scss/dark.scss b/assets/scss/dark.scss index f94f30a4..f364feab 100644 --- a/assets/scss/dark.scss +++ b/assets/scss/dark.scss @@ -37,4 +37,7 @@ background: adjust-color(green, $alpha: -0.8); } + .device-type-cell img { + filter: #{"invert()"}; + } } diff --git a/assets/scss/features.scss b/assets/scss/features.scss index 0a97241e..46561b74 100644 --- a/assets/scss/features.scss +++ b/assets/scss/features.scss @@ -346,7 +346,7 @@ // Special device variants page .device-types-row { - background: #F8F8F8; + background: var(--background-1); padding: 0; } @@ -378,7 +378,7 @@ } &.light { - background: #FFF; + background: var(--background); } img { @@ -399,6 +399,7 @@ &.construction { .label { background: #ffd600; + color: black; } img { opacity: 0.3; @@ -414,13 +415,18 @@ ul { text-align: left; - // align-self: center; + padding-inline: 2rem; } .button { margin-top: auto; align-self: center; } + + @media ($media-mobile) { + margin-inline: -1rem; + padding-inline: 1rem; + } } // Resistors