Files
lifeRestart/src/ui/themes/views.js
Vick Scarlet 150c991648 Squashed commit of the following:
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
2021-12-31 20:31:26 +08:00

1088 lines
37 KiB
JavaScript

const pages = {
LOADING: 'LOADING',
MAIN: 'MAIN',
TALENT: 'TALENT',
PROPERTY: 'PROPERTY',
TRAJECTORY: 'TRAJECTORY',
SUMMARY: 'SUMMARY',
ACHIEVEMENT: 'ACHIEVEMENT',
THANKS: 'THANKS',
THEMES: 'THEMES',
SAVELOAD: 'SAVELOAD',
};
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',
},
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: [
{
defaultColor: '#cccccc',
hoverColor: '#cccccc',
},
{
defaultColor: '#55fffe',
hoverColor: '#55fffe',
},
{
defaultColor: '#b17cff',
hoverColor: '#b17cff',
},
{
defaultColor: '#ffce45',
hoverColor: '#ffce45',
},
]
},
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',
},
},
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',
},
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)],
},
grade: [
{
defaultColor: '#4a5361',
hoverColor: '#4a5361',
},
{
defaultColor: '#1160b0',
hoverColor: '#1160b0',
},
{
defaultColor: '#9379ca',
hoverColor: '#9379ca',
},
{
defaultColor: '#ab6157',
hoverColor: '#ab6157',
},
],
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,
}
]
},
class: {
btn_main: {
defaultColor: '#393e46',
defaultStroke: '#eeeeee',
defaultLabel: '#eeeeee',
hoverColor: '#ff7878',
hoverStroke: '#eeeeee',
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_main',
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',
},
},
names: {
btnSmall: {
radius: 80,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
}
}
},
},
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',
},
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)],
},
grade: [
{},
{
defaultColor: '#55fffe',
hoverColor: '#55fffe',
},
{
defaultColor: '#b17cff',
hoverColor: '#b17cff',
},
{
defaultColor: '#ffce45',
hoverColor: '#ffce45',
},
],
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,
}
]
},
class: {
btn_main: {
defaultColor: '#ffffff',
defaultStroke: '#cccccc',
defaultLabel: '#000000',
hoverColor: '#ff7878',
hoverStroke: '#cccccc',
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_main',
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',
},
},
names: {
btnSmall: {
radius: 80,
defaultLabel: '#ffffff',
hoverLabel: '#ffffff',
}
}
},
},
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 };