Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

Invert operation for dark theme

Browse source
This commit is contained in:
RMidhunSuresh 2022-04-12 20:58:14 +05:30
parent bb9954a36c
commit 39bc827aaf
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
scripts/postcss/color.js
View file

@ -16,8 +16,17 @@ limitations under the License.
const offColor = require("off-color").offColor; const offColor = require("off-color").offColor;
module.exports.derive = function (value, operation, argument) { module.exports.derive = function (value, operation, argument, isDark) {
const argumentAsNumber = parseInt(argument); const argumentAsNumber = parseInt(argument);
if (isDark) {
// For dark themes, invert the operation
if (operation === 'darker') {
operation = "lighter";
}
else if (operation === 'lighter') {
operation = "darker";
}
}
switch (operation) { switch (operation) {
case "darker": { case "darker": {
const newColorString = offColor(value).darken(argumentAsNumber / 100).hex(); const newColorString = offColor(value).darken(argumentAsNumber / 100).hex();