mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 03:25:12 +01:00
Code Issues Projects Releases 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();