Files
lifeRestart/src/ui/themes/views.js
T
Vick Scarlet 14f9340d0a Squashed commit of the following:
commit 870d711162
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 27 16:50:19 2022 +0800

    update event

commit b327eb1765
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 27 16:36:02 2022 +0800

    update event

commit 4e845bc2eb
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 27 16:35:56 2022 +0800

    fix ui feel

commit bd508913c5
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 27 16:35:22 2022 +0800

    update special thanks

commit d097b3bc15
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 27 16:04:55 2022 +0800

    add unique character

commit 8d71b73e94
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Jan 25 21:27:29 2022 +0800

    fix: bug
    save load

commit 286828abe7
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Jan 25 18:15:22 2022 +0800

    add game mode

commit 0e3c885ad3
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Jan 6 20:09:20 2022 +0800

    update special thanks

commit b421082374
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Fri Dec 31 20:26:20 2021 +0800

    update specialthanks

commit 765a69294b
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Dec 14 19:10:03 2021 +0800

    fix ios goto

commit 8eb8c3ca72
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Dec 14 19:03:37 2021 +0800

    add event grade

commit ab705dd46c
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Dec 14 18:48:42 2021 +0800

    build version

commit a1e4232369
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Dec 14 18:47:05 2021 +0800

    change talent replace before property allocate

commit f4d7b3ae3c
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Dec 14 18:06:18 2021 +0800

    add event grade

commit 0567e40ddc
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 21:28:10 2021 +0800

    add particle

commit f17003925e
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 20:14:26 2021 +0800

    change ui

commit f8beda1d8f
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 19:08:30 2021 +0800

    change popup message ui

commit 915a2aa17d
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 18:34:29 2021 +0800

    new build

commit b5edabc104
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 18:18:46 2021 +0800

    add hint message

commit a143feadaf
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 17:57:31 2021 +0800

    fix copy bug

commit eab1975791
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 17:56:28 2021 +0800

    add save/load

commit acf9b92134
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Dec 2 14:35:33 2021 +0800

    add theme switch

commit 488a6054ab
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Wed Dec 1 18:30:36 2021 +0800

    fix uiManager bug

commit f0317eaf14
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Wed Dec 1 16:07:03 2021 +0800

    add message popup

commit eb02d1ee6f
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 21:22:54 2021 +0800

    change relocation

commit 60503eae47
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 19:27:16 2021 +0800

    change ScaleButton -> Laya.runtime.ScaleButton

commit 52ef5909c1
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 19:26:31 2021 +0800

    change ScaleButton -> Laya.runtime.ScaleButton

commit 0284f6aa71
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 19:05:24 2021 +0800

    config webpack

commit 0e272ffd99
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 13:17:41 2021 +0800

    add thanks

commit e1e2ab4701
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 28 11:40:21 2021 +0800

    add light theme

commit 4f55c00f86
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sat Nov 27 22:27:39 2021 +0800

    fix bug

commit 1d07bdfc46
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sat Nov 27 21:48:47 2021 +0800

    daily update

commit 52d6a0ca8f
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Wed Nov 24 23:10:04 2021 +0800

    daily update

commit f8dd720d4d
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Wed Nov 24 19:08:13 2021 +0800

    daily update

commit d088c1a862
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 21 21:41:46 2021 +0800

    remove useless

commit a711fcf3ed
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Nov 16 00:53:05 2021 +0800

    add achievement popup
    add page adaptive
    add talent extends

commit 05e02de3db
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sat Nov 13 01:24:04 2021 +0800

    add github and discord

commit bff0109cc5
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sat Nov 13 00:30:01 2021 +0800

    add trajectory auto mode

commit 54c04f65c2
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Fri Nov 12 19:54:31 2021 +0800

    fix property judge negative number bug

commit 660739530b
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Fri Nov 12 19:48:58 2021 +0800

    update achievement

commit c94e9e7433
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Thu Nov 11 21:37:45 2021 +0800

    update daily

commit c06cd9ea62
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Tue Nov 9 00:08:05 2021 +0800

    update daily

commit 2666983f89
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 7 23:00:22 2021 +0800

    add uiManager auto scan and load skin resource

commit 22fa5d755a
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Nov 7 22:17:04 2021 +0800

    update framework

commit f40698d63e
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sun Oct 31 00:13:22 2021 +0800

    add laya
2022-01-28 00:39:35 +08:00

1214 lines
41 KiB
JavaScript

const pages = {
LOADING: 'LOADING',
MAIN: 'MAIN',
TALENT: 'TALENT',
PROPERTY: 'PROPERTY',
TRAJECTORY: 'TRAJECTORY',
SUMMARY: 'SUMMARY',
ACHIEVEMENT: 'ACHIEVEMENT',
THANKS: 'THANKS',
THEMES: 'THEMES',
SAVELOAD: 'SAVELOAD',
MODE: 'MODE',
CELEBRITY: 'CELEBRITY'
};
const popups = {
ACHIEVEMENT: 'POPUP_ACHIEVEMENT',
MESSAGE: 'POPUP_MESSAGE',
};
const cyber = {
pages: {
[pages.LOADING]: "loading",
[pages.MAIN]: "cyber/main",
[pages.TALENT]: "cyber/talent",
[pages.PROPERTY]: "cyber/property",
[pages.TRAJECTORY]: "cyber/trajectory",
[pages.SUMMARY]: "cyber/summary",
[pages.ACHIEVEMENT]: "cyber/achievement",
[pages.THANKS]: "default/thanks",
[pages.THEMES]: 'themes',
[pages.SAVELOAD]: 'saveload',
[pages.MODE]: 'cyber/mode',
[pages.CELEBRITY]: 'cyber/celebrity',
},
popups: {
[popups.ACHIEVEMENT]: "cyber/popup/achievementPopup",
[popups.MESSAGE]: "message",
},
configs: {
bgColor: '#04131f',
common: {
topSupportItem: {
defaultColor: '#ffa500',
defaultStroke: '#ffa500',
hoverColor: '#ffc500',
hoverStroke: '#ffa500',
},
defaultFontColor: '#cccccc',
grade: [
'#cccccc',
'#55fffe',
'#b17cff',
'#ffce45',
],
filter: [
'#ccccccff',
'#55fffeff',
'#b17cffff',
'#ffce45ff',
],
gradeBlk: [
{
visible: false,
},
{
defaultColor: '#55fffe',
hoverColor: '#55fffe',
visible: true,
},
{
defaultColor: '#b17cff',
hoverColor: '#b17cff',
visible: true,
},
{
defaultColor: '#ffce45',
hoverColor: '#ffce45',
visible: true,
},
]
},
pages: {
[pages.MAIN]: {
vars: {
btnThemes: {
defaultColor: '#cccccc',
radius: 100,
},
btnSaveLoad: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 100,
},
}
},
[pages.THANKS]: {
vars: {
btnBack: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 4,
},
btnAFD: {
defaultColor: '#8764de',
defaultStroke: '#8764de',
defaultLabel: '#ffffff',
hoverColor: '#9774ee',
hoverStroke: '#9774ee',
hoverLabel: '#ffffff',
radius: 4,
},
btnDDF: {
defaultColor: '#cc6699',
defaultStroke: '#cc6699',
defaultLabel: '#ffffff',
hoverColor: '#dc76a9',
hoverStroke: '#dc76a9',
hoverLabel: '#ffffff',
radius: 4,
},
},
},
[pages.THEMES]: {
vars: {
btnOK: {
defaultColor: '#28b070',
defaultLabel: '#ffffff',
hoverColor: '#00ff00',
hoverLabel: '#ffffff',
radius: 80,
},
btnClose: {
defaultColor: '#eb3941',
defaultLabel: '#ffffff',
hoverColor: '#ff0000',
hoverLabel: '#ffffff',
radius: 80,
},
}
},
[pages.SAVELOAD]: {
vars: {
btnClose: {
defaultColor: '#eb3941',
hoverColor: '#ff0000',
},
btnSave: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnRead: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnLoad: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnWrite: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnBackup: {
defaultColor: '#9c30cd',
hoverColor: '#bf50fd',
radius: 8,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
},
},
names: {
btnSmall: {
radius: 80,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
}
}
},
}
}
}
const dark = {
pages: {
[pages.LOADING]: "loading",
[pages.MAIN]: "default/main",
[pages.TALENT]: "default/talent",
[pages.PROPERTY]: "default/property",
[pages.TRAJECTORY]: "default/trajectory",
[pages.SUMMARY]: "default/summary",
[pages.ACHIEVEMENT]: "default/achievement",
[pages.THANKS]: "default/thanks",
[pages.THEMES]: 'themes',
[pages.SAVELOAD]: 'saveload',
[pages.MODE]: 'default/mode',
[pages.CELEBRITY]: 'default/celebrity',
},
popups: {
[popups.ACHIEVEMENT]: "default/popup/achievementPopup",
[popups.MESSAGE]: "message",
},
configs: {
bgColor: '#222831',
common: {
defaultFontColor: '#eeeeee',
trajectoryItem: {
box: {
// filters: ()=>[new Laya.GlowFilter("#eeeeee", 8, 0, 0)],
defaultStroke: '#eeeeee',
hoverStroke: '#eeeeee',
lineWidth: 2,
},
grade: [
{
defaultColor: '#464646',
hoverColor: '#4a5361',
},
{
defaultColor: '#6495ed',
hoverColor: '#87cefa',
},
{
defaultColor: '#e2a7ff',
hoverColor: '#e7beff',
},
{
defaultColor: '#ffa07a',
hoverColor: '#f7a989',
},
],
ageColor: '#ffffee',
contentColor: '#eeeeee',
},
topSupportItem: {
defaultColor: '#ffa500',
defaultStroke: '#ffa500',
hoverColor: '#ffc500',
hoverStroke: '#ffa500',
},
grade: [
'#cccccc',
'#55fffe',
'#b17cff',
'#ffce45',
],
filter: [
'#ccccccff',
'#55fffeff',
'#b17cffff',
'#ffce45ff',
],
card: [
{
normal: {
defaultColor: '#464646',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#c0c0c0',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#c0c0c0',
defaultStroke: '#a5ff88',
defaultLabel: '#3b3b3b',
hoverColor: '#c0c0c0',
hoverStroke: '#a5ff88',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#6495ed',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#87cefa',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#87cefa',
defaultStroke: '#a5ff88',
defaultLabel: '#3b3b3b',
hoverColor: '#87cefa',
hoverStroke: '#a5ff88',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#e2a7ff',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#e7beff',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#e7beff',
defaultStroke: '#a5ff88',
defaultLabel: '#3b3b3b',
hoverColor: '#e7beff',
hoverStroke: '#a5ff88',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#f7a989',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#f7a989',
defaultStroke: '#f8f8f8',
defaultLabel: '#3b3b3b',
hoverColor: '#f7a989',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 4,
}
}
],
summary: [
{
defaultColor: '#464646',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#c0c0c0',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 2,
radius: 0,
},{
defaultColor: '#6495ed',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#87cefa',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 2,
radius: 0,
},{
defaultColor: '#e2a7ff',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#e7beff',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 2,
radius: 0,
},
{
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#f7a989',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 2,
radius: 0,
}
],
achievement: [
{
defaultColor: '#464646',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#c0c0c0',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
},{
defaultColor: '#6495ed',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#87cefa',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
},{
defaultColor: '#e2a7ff',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#e7beff',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
},
{
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#eeeeee',
hoverColor: '#f7a989',
hoverStroke: '#f8f8f8',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
}
],
characterItem: {
name: {
defaultColor: '#393e46',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#ff7878',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 2,
},
state: {
defaultColor: '#393e46',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#393e46',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 2,
},
propertyColor: '#000000',
},
},
class: {
btn_main: {
defaultColor: '#393e46',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#ff7878',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 2,
radius: 4,
},
btn_main2: {
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#3b3b3b',
hoverColor: '#ff7878',
hoverStroke: '#f8f8f8',
hoverLabel: '#eeeeee',
lineWidth: 2,
radius: 4,
},
btn_small: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 4,
},
title: {
color: '#ffffff',
},
font_default: {
color: '#eeeeee',
}
},
pages: {
[pages.MAIN]: {
vars: {
btnRemake: 'btn_main',
btnThemes: {
defaultColor: '#cccccc',
radius: 100,
},
btnSaveLoad: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 100,
},
},
names: {
title: 'title',
btnSmall: 'btn_small',
}
},
[pages.TALENT]: {
vars: {
btnDrawCard: 'btn_main',
btnNext: 'btn_main',
title: 'title',
}
},
[pages.PROPERTY]: {
vars: {
btnRandomAllocate: 'btn_main',
btnNext: 'btn_main2',
title: 'title',
},
names: {
font_default: 'font_default',
property: {
colorFilter: '#eeeeeeff'
}
}
},
[pages.TRAJECTORY]: {
vars: {
btnSummary: 'btn_main',
boxTrajectory: {
defaultColor: '#393e46',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#393e46',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 2,
radius: 4,
},
boxSpeed: {
colorFilter: '#ffffffff'
}
},
names: {
propertyBox: {
defaultColor: '#222831',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#222831',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 2,
radius: 4,
},
propertyValue: {
defaultColor: '#eeeeee',
defaultStroke: '#eeeeee',
defaultLabel: '#222831',
hoverColor: '#eeeeee',
hoverStroke: '#eeeeee',
hoverLabel: '#222831',
lineWidth: 0,
radius: 4,
}
}
},
[pages.SUMMARY]: {
vars: {
btnAgain: 'btn_main',
title: 'title',
},
names: {
font_default: 'font_default',
}
},
[pages.ACHIEVEMENT]: {
vars: {
btnBack: 'btn_small',
btnRank: 'btn_small',
},
names: {
font_default: 'font_default',
title: 'title',
}
},
[pages.THANKS]: {
vars: {
btnBack: 'btn_small',
btnAFD: {
defaultColor: '#8764de',
defaultStroke: '#8764de',
defaultLabel: '#ffffff',
hoverColor: '#9774ee',
hoverStroke: '#9774ee',
hoverLabel: '#ffffff',
radius: 4,
},
btnDDF: {
defaultColor: '#cc6699',
defaultStroke: '#cc6699',
defaultLabel: '#ffffff',
hoverColor: '#dc76a9',
hoverStroke: '#dc76a9',
hoverLabel: '#ffffff',
radius: 4,
},
},
},
[pages.THEMES]: {
vars: {
btnOK: {
defaultColor: '#28b070',
defaultLabel: '#ffffff',
hoverColor: '#00ff00',
hoverLabel: '#ffffff',
radius: 80,
},
btnClose: {
defaultColor: '#eb3941',
defaultLabel: '#ffffff',
hoverColor: '#ff0000',
hoverLabel: '#ffffff',
radius: 80,
},
}
},
[pages.SAVELOAD]: {
vars: {
btnClose: {
defaultColor: '#eb3941',
hoverColor: '#ff0000',
},
btnSave: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnRead: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnLoad: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnWrite: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnBackup: {
defaultColor: '#9c30cd',
hoverColor: '#bf50fd',
radius: 8,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
},
},
names: {
btnSmall: {
radius: 80,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
}
}
},
[pages.MODE]: {
names: {
font_default: 'font_default',
btn: 'btn_main',
}
},
[pages.CELEBRITY]: {
vars: {
btnRetry: 'btn_main',
btnNext: 'btn_main2',
}
},
},
popups: {
[popups.ACHIEVEMENT]: {
vars: {
bg1: {
defaultColor: '#292a28',
defaultStroke: '#84ff55',
hoverColor: '#292a28',
hoverStroke: '#84ff55',
}
}
}
}
}
}
const light = {
pages: {
[pages.LOADING]: "loading",
[pages.MAIN]: "default/main",
[pages.TALENT]: "default/talent",
[pages.PROPERTY]: "default/property",
[pages.TRAJECTORY]: "default/trajectory",
[pages.SUMMARY]: "default/summary",
[pages.ACHIEVEMENT]: "default/achievement",
[pages.THANKS]: "default/thanks",
[pages.THEMES]: 'themes',
[pages.SAVELOAD]: 'saveload',
[pages.MODE]: 'default/mode',
[pages.CELEBRITY]: 'default/celebrity',
},
popups: {
[popups.ACHIEVEMENT]: "default/popup/achievementPopup",
[popups.MESSAGE]: "message",
},
configs: {
bgColor: '#ffffff',
common: {
defaultFontColor: '#000000',
trajectoryItem: {
box: {
// filters: ()=>[new Laya.GlowFilter("#b1b1b1", 8, 0, 0)],
defaultStroke: '#b1b1b1',
hoverStroke: '#b1b1b1',
lineWidth: 2,
},
grade: [
{
defaultColor: '#ffffff',
hoverColor: '#ededed',
},
{
defaultColor: '#87cefa',
hoverColor: '#6495ed',
},
{
defaultColor: '#e7beff',
hoverColor: '#e2a7ff',
},
{
defaultColor: '#f7a989',
hoverColor: '#ffa07a',
},
],
ageColor: '#000000',
contentColor: '#000000',
},
topSupportItem: {
defaultColor: '#ffa500',
defaultStroke: '#ffa500',
hoverColor: '#ffc500',
hoverStroke: '#ffa500',
},
grade: [
'#000000',
'#55fffe',
'#b17cff',
'#ffce45',
],
filter: [
'#000000ff',
'#55fffeff',
'#b17cffff',
'#ffce45ff',
],
card: [
{
normal: {
defaultColor: '#ededed',
defaultStroke: '#f8f8f8',
defaultLabel: '#666666',
hoverColor: '#666666',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#666666',
defaultStroke: '#a5ff88',
defaultLabel: '#ffffff',
hoverColor: '#666666',
hoverStroke: '#a5ff88',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#87cefa',
defaultStroke: '#f8f8f8',
defaultLabel: '#666666',
hoverColor: '#6495ed',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#6495ed',
defaultStroke: '#a5ff88',
defaultLabel: '#ffffff',
hoverColor: '#6495ed',
hoverStroke: '#a5ff88',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#e7beff',
defaultStroke: '#f8f8f8',
defaultLabel: '#666666',
hoverColor: '#e2a7ff',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#e2a7ff',
defaultStroke: '#a5ff88',
defaultLabel: '#ffffff',
hoverColor: '#e2a7ff',
hoverStroke: '#a5ff88',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
}
},
{
normal: {
defaultColor: '#f7a989',
defaultStroke: '#f8f8f8',
defaultLabel: '#666666',
hoverColor: '#ffa07a',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
},
selected: {
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#ffffff',
hoverColor: '#ffa07a',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
}
}
],
summary: [
{
defaultColor: '#ededed',
defaultStroke: '#f8f8f8',
defaultLabel: '#666666',
hoverColor: '#666666',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 4,
radius: 4,
},{
defaultColor: '#6495ed',
defaultStroke: '#f8f8f8',
defaultLabel: '#ffffff',
hoverColor: '#87cefa',
hoverStroke: '#f8f8f8',
hoverLabel: '#666666',
lineWidth: 4,
radius: 4,
},{
defaultColor: '#e2a7ff',
defaultStroke: '#f8f8f8',
defaultLabel: '#ffffff',
hoverColor: '#e7beff',
hoverStroke: '#f8f8f8',
hoverLabel: '#666666',
lineWidth: 4,
radius: 4,
},{
defaultColor: '#ffa07a',
defaultStroke: '#f8f8f8',
defaultLabel: '#ffffff',
hoverColor: '#f7a989',
hoverStroke: '#f8f8f8',
hoverLabel: '#666666',
lineWidth: 4,
radius: 4,
},
],
achievement: [
{
defaultColor: '#ededed',
defaultStroke: '#cccccc',
defaultLabel: '#000000',
hoverColor: '#eeeeee',
hoverStroke: '#cccccc',
hoverLabel: '#efefef',
lineWidth: 4,
radius: 0,
},{
defaultColor: '#6495ed',
defaultStroke: '#cccccc',
defaultLabel: '#eeeeee',
hoverColor: '#87cefa',
hoverStroke: '#cccccc',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
},{
defaultColor: '#e2a7ff',
defaultStroke: '#cccccc',
defaultLabel: '#eeeeee',
hoverColor: '#e7beff',
hoverStroke: '#cccccc',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
},{
defaultColor: '#ffa07a',
defaultStroke: '#cccccc',
defaultLabel: '#eeeeee',
hoverColor: '#f7a989',
hoverStroke: '#cccccc',
hoverLabel: '#3b3b3b',
lineWidth: 4,
radius: 0,
}
],
characterItem: {
name: {
defaultColor: '#ffffff',
defaultStroke: '#cccccc',
defaultLabel: '#000000',
hoverColor: '#ff7878',
hoverStroke: '#cccccc',
hoverLabel: '#ffffff',
lineWidth: 2,
},
state: {
defaultColor: '#ffffff',
defaultStroke: '#cccccc',
defaultLabel: '#000000',
hoverColor: '#ffffff',
hoverStroke: '#cccccc',
hoverLabel: '#000000',
lineWidth: 2,
},
propertyColor: '#000000',
},
},
class: {
btn_main: {
defaultColor: '#ffffff',
defaultStroke: '#cccccc',
defaultLabel: '#000000',
hoverColor: '#ff7878',
hoverStroke: '#cccccc',
hoverLabel: '#ffffff',
lineWidth: 2,
radius: 4,
},
btn_main2: {
defaultColor: '#f7a989',
defaultStroke: '#f8f8f8',
defaultLabel: '#ffffff',
hoverColor: '#ff7878',
hoverStroke: '#f8f8f8',
hoverLabel: '#ffffff',
lineWidth: 2,
radius: 4,
},
btn_small: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 4,
},
title: {
color: '#000000',
},
font_default: {
color: '#000000',
}
},
pages: {
[pages.MAIN]: {
vars: {
btnRemake: 'btn_main',
btnThemes: {
defaultColor: '#cccccc',
radius: 100,
},
btnSaveLoad: {
defaultColor: '#5865f2',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#1160b0',
hoverStroke: '#eeeeee',
hoverLabel: '#eeeeee',
lineWidth: 0,
radius: 100,
},
},
names: {
title: 'title',
btnSmall: 'btn_small',
}
},
[pages.TALENT]: {
vars: {
btnDrawCard: 'btn_main',
btnNext: 'btn_main',
title: 'title',
}
},
[pages.PROPERTY]: {
vars: {
btnRandomAllocate: 'btn_main',
btnNext: 'btn_main2',
title: 'title',
},
names: {
font_default: 'font_default',
property: {
colorFilter: '#000000ff'
}
}
},
[pages.TRAJECTORY]: {
vars: {
btnSummary: 'btn_main',
boxTrajectory: {
defaultColor: '#ffffff',
defaultStroke: '#9b9b9b',
defaultLabel: '#eeeeee',
hoverColor: '#ffffff',
hoverStroke: '#9b9b9b',
hoverLabel: '#eeeeee',
lineWidth: 1,
radius: 4,
},
boxSpeed: {
colorFilter: '#666666ff'
}
},
names: {
propertyBox: {
defaultColor: '#8d8d8d',
defaultStroke: '#eeeeee',
defaultLabel: '#ffffff',
hoverColor: '#8d8d8d',
hoverStroke: '#eeeeee',
hoverLabel: '#ffffff',
lineWidth: 2,
radius: 4,
},
propertyValue: {
defaultColor: '#ffffff',
defaultStroke: '#eeeeee',
defaultLabel: '#222831',
hoverColor: '#ffffff',
hoverStroke: '#eeeeee',
hoverLabel: '#222831',
lineWidth: 0,
radius: 4,
}
}
},
[pages.SUMMARY]: {
vars: {
btnAgain: 'btn_main',
title: 'title',
},
names: {
font_default: 'font_default',
}
},
[pages.ACHIEVEMENT]: {
vars: {
btnBack: 'btn_small',
btnRank: 'btn_small',
},
names: {
font_default: 'font_default',
title: 'title',
}
},
[pages.THANKS]: {
vars: {
btnBack: 'btn_small',
btnAFD: {
defaultColor: '#8764de',
defaultStroke: '#8764de',
defaultLabel: '#ffffff',
hoverColor: '#9774ee',
hoverStroke: '#9774ee',
hoverLabel: '#ffffff',
radius: 4,
},
btnDDF: {
defaultColor: '#cc6699',
defaultStroke: '#cc6699',
defaultLabel: '#ffffff',
hoverColor: '#dc76a9',
hoverStroke: '#dc76a9',
hoverLabel: '#ffffff',
radius: 4,
}
},
},
[pages.THEMES]: {
vars: {
btnOK: {
defaultColor: '#28b070',
defaultLabel: '#ffffff',
hoverColor: '#00ff00',
hoverLabel: '#ffffff',
radius: 80,
},
btnClose: {
defaultColor: '#eb3941',
defaultLabel: '#ffffff',
hoverColor: '#ff0000',
hoverLabel: '#ffffff',
radius: 80,
},
}
},
[pages.SAVELOAD]: {
vars: {
btnClose: {
defaultColor: '#eb3941',
hoverColor: '#ff0000',
},
btnSave: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnRead: {
defaultColor: '#007046',
hoverColor: '#76f190',
},
btnLoad: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnWrite: {
defaultColor: '#fc5531',
hoverColor: '#f28b54',
},
btnBackup: {
defaultColor: '#9c30cd',
hoverColor: '#bf50fd',
radius: 8,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
},
},
names: {
btnSmall: {
radius: 80,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
}
}
},
[pages.MODE]: {
names: {
font_default: 'font_default',
btn: 'btn_main',
}
},
[pages.CELEBRITY]: {
vars: {
btnRetry: 'btn_main',
btnNext: 'btn_main2',
}
},
},
popups: {
[popups.ACHIEVEMENT]: {
vars: {
bg1: {
defaultColor: '#ffffff',
defaultStroke: '#84ff55',
hoverColor: '#ffffff',
hoverStroke: '#84ff55',
lineWidth: 1,
}
}
}
}
}
}
const themes = { default: dark, cyber, dark, light };
export default { themes, pages, popups };