github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2026-01-24 13:54:50 +00:00
Code Issues Projects Releases Wiki Activity

perf: 颜色再深点

Browse Source
This commit is contained in:
ibuler
2022-11-29 12:06:06 +08:00
parent ad27c4b9fe
commit 2097e8a361
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/utils/theme/color.js
View File

@@ -46,8 +46,13 @@ export function colorRgbToHex(rgb) {
}
export function mix(color_1, color_2, weight) {
function d2h(d) { return d.toString(16) }
function h2d(h) { return parseInt(h, 16) }
function d2h(d) {
return d.toString(16)
}
function h2d(h) {
return parseInt(h, 16)
}
weight = (typeof weight !== 'undefined') ? weight : 50
let color = '#'
@@ -57,7 +62,9 @@ export function mix(color_1, color_2, weight) {
const v2 = h2d(color_2.substr(i, 2))
let val = d2h(Math.floor(v2 + (v1 - v2) * (weight / 100.0)))
while (val.length < 2) { val = '0' + val }
while (val.length < 2) {
val = '0' + val
}
color += val
}
return color
@@ -71,7 +78,7 @@ export function changeMenuColor(themeColors) {
const white = 'ffffff'
const black = '000000'
const menuHoverColor = mix(white, colorValue, 96)
const navBackgroundColor = mix(black, colorValue, 20)
const navBackgroundColor = mix(black, colorValue, 30)
elementStyle.setProperty('--menu-hover', menuHoverColor)
elementStyle.setProperty('--nav-bg', navBackgroundColor)