Skip to content

Commit 9eda3c3

Browse files
tpenguinltgarturbien
tpenguinltg
authored and
arturbien
committed
feat(themes): add 8 more themes by tPenguinLTG
- denim - honey - hotdogStand - shelbiTeal - toner - vistaesqueMidnight - white - windows1
1 parent f7d05e6 commit 9eda3c3

File tree

9 files changed

+317
-0
lines changed

9 files changed

+317
-0
lines changed

‎src/common/themes/denim.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* "Denim" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Denim-870494744
3+
*/
4+
5+
export default {
6+
name: 'denim',
7+
anchor: 'rgb(0, 0, 128)',
8+
anchorVisited: 'rgb(0, 0, 128)',
9+
borderDark: 'rgb(0, 0, 255)',
10+
borderDarkest: 'rgb(64, 64, 64)',
11+
borderLight: 'rgb(128, 128, 255)',
12+
borderLightest: 'rgb(191, 191, 255)',
13+
canvas: 'rgb(255, 255, 255)',
14+
canvasText: 'rgb(0, 0, 0)',
15+
canvasTextDisabled: 'rgb(0, 0, 255)',
16+
canvasTextDisabledShadow: 'rgb(191, 191, 255)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(0, 0, 0)',
19+
checkmarkDisabled: 'rgb(0, 0, 255)',
20+
flatDark: 'rgb(0, 0, 255)',
21+
flatLight: 'rgb(128, 128, 255)',
22+
focusSecondary: 'rgb(191, 191, 255)',
23+
headerBackground:
24+
'linear-gradient(to right, rgb(10, 36, 106), rgb(148, 190, 237))',
25+
headerNotActiveBackground:
26+
'linear-gradient(to right, rgb(0, 0, 255), rgb(180, 180, 180))',
27+
headerNotActiveText: 'rgb(192, 192, 192)',
28+
headerText: 'rgb(255, 255, 255)',
29+
hoverBackground: 'rgb(10, 36, 106)',
30+
material: 'rgb(128, 128, 255)',
31+
materialDark: 'rgb(0, 0, 255)',
32+
materialText: 'rgb(0, 0, 0)',
33+
materialTextDisabled: 'rgb(0, 0, 255)',
34+
materialTextDisabledShadow: 'rgb(191, 191, 255)',
35+
materialTextInvert: 'rgb(255, 255, 255)',
36+
progress: 'rgb(10, 36, 106)',
37+
tooltip: 'rgb(255, 255, 225)'
38+
};

‎src/common/themes/honey.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* "Honey" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Honey-632126512
3+
*/
4+
5+
export default {
6+
name: 'honey',
7+
anchor: 'rgb(128, 128, 0)',
8+
anchorVisited: 'rgb(128, 128, 0)',
9+
borderDark: 'rgb(170, 123, 0)',
10+
borderDarkest: 'rgb(64, 64, 64)',
11+
borderLight: 'rgb(255, 186, 0)',
12+
borderLightest: 'rgb(255, 220, 128)',
13+
canvas: 'rgb(255, 220, 128)',
14+
canvasText: 'rgb(0, 0, 0)',
15+
canvasTextDisabled: 'rgb(170, 123, 0)',
16+
canvasTextDisabledShadow: 'rgb(255, 220, 128)',
17+
canvasTextInvert: 'rgb(255, 255, 0)',
18+
checkmark: 'rgb(0, 0, 0)',
19+
checkmarkDisabled: 'rgb(170, 123, 0)',
20+
flatDark: 'rgb(170, 123, 0)',
21+
flatLight: 'rgb(255, 186, 0)',
22+
focusSecondary: 'rgb(255, 220, 128)',
23+
headerBackground:
24+
'linear-gradient(to right, rgb(255, 255, 0), rgb(255, 186, 0))',
25+
headerNotActiveBackground:
26+
'linear-gradient(to right, rgb(255, 186, 0), rgb(255, 220, 128))',
27+
headerNotActiveText: 'rgb(170, 123, 0)',
28+
headerText: 'rgb(0, 0, 0)',
29+
hoverBackground: 'rgb(170, 123, 0)',
30+
material: 'rgb(255, 186, 0)',
31+
materialDark: 'rgb(255, 186, 0)',
32+
materialText: 'rgb(0, 0, 0)',
33+
materialTextDisabled: 'rgb(170, 123, 0)',
34+
materialTextDisabledShadow: 'rgb(255, 220, 128)',
35+
materialTextInvert: 'rgb(255, 255, 0)',
36+
progress: 'rgb(170, 123, 0)',
37+
tooltip: 'rgb(255, 220, 128)'
38+
};

‎src/common/themes/hotdogStand.js

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/* "Hotdog Stand" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Hotdog-Stand-525606846
3+
*/
4+
5+
export default {
6+
name: 'hotdogStand',
7+
anchor: 'rgb(255, 255, 0)',
8+
anchorVisited: 'rgb(255, 255, 0)',
9+
borderDark: 'rgb(0, 0, 0)',
10+
borderDarkest: 'rgb(0, 0, 0)',
11+
borderLight: 'rgb(0, 0, 0)',
12+
borderLightest: 'rgb(0, 0, 0)',
13+
canvas: 'rgb(255, 0, 0)',
14+
canvasText: 'rgb(255, 255, 255)',
15+
canvasTextDisabled: 'rgb(0, 0, 0)',
16+
canvasTextDisabledShadow: 'rgb(0, 0, 0)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(255, 255, 255)',
19+
checkmarkDisabled: 'rgb(128, 128, 128)',
20+
flatDark: 'rgb(0, 0, 0)',
21+
flatLight: 'rgb(0, 0, 0)',
22+
focusSecondary: 'rgb(0, 0, 0)',
23+
headerBackground: 'linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0))',
24+
headerNotActiveBackground:
25+
'linear-gradient(to right, rgb(255, 0, 0), rgb(255, 0, 0))',
26+
headerNotActiveText: 'rgb(255, 255, 255)',
27+
headerText: 'rgb(255, 255, 255)',
28+
hoverBackground: 'rgb(0, 0, 0)',
29+
material: 'rgb(255, 0, 0)',
30+
materialDark: 'rgb(255, 0, 0)',
31+
materialText: 'rgb(255, 255, 255)',
32+
materialTextDisabled: 'rgb(0, 0, 0)',
33+
materialTextDisabledShadow: 'rgb(0, 0, 0)',
34+
materialTextInvert: 'rgb(255, 255, 255)',
35+
progress: 'rgb(0, 0, 0)',
36+
tooltip: 'rgb(255, 255, 225)'
37+
};

‎src/common/themes/index.js

+16
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,13 @@ import cherry from './cherry';
1010
import coldGray from './coldGray';
1111
import counterStrike from './counterStrike';
1212
import darkTeal from './darkTeal';
13+
import denim from './denim';
1314
import eggplant from './eggplant';
1415
import fxDev from './fxDev';
1516
import highContrast from './highContrast';
17+
import honey from './honey';
1618
import hotChocolate from './hotChocolate';
19+
import hotdogStand from './hotdogStand';
1720
import lilac from './lilac';
1821
import lilacRoseDark from './lilacRoseDark';
1922
import maple from './maple';
@@ -35,19 +38,24 @@ import raspberry from './raspberry';
3538
import redWine from './redWine';
3639
import rose from './rose';
3740
import seawater from './seawater';
41+
import shelbiTeal from './shelbiTeal';
3842
import slate from './slate';
3943
import solarizedDark from './solarizedDark';
4044
import solarizedLight from './solarizedLight';
4145
import spruce from './spruce';
4246
import stormClouds from './stormClouds';
4347
import theSixtiesUSA from './theSixtiesUSA';
4448
import tokyoDark from './tokyoDark';
49+
import toner from './toner';
4550
import tooSexy from './tooSexy';
4651
import travel from './travel';
4752
import vaporTeal from './vaporTeal';
4853
import vermillion from './vermillion';
4954
import violetDark from './violetDark';
55+
import vistaesqueMidnight from './vistaesqueMidnight';
5056
import water from './water';
57+
import white from './white';
58+
import windows1 from './windows1';
5159
import wmii from './wmii';
5260

5361
export default {
@@ -63,10 +71,13 @@ export default {
6371
coldGray,
6472
counterStrike,
6573
darkTeal,
74+
denim,
6675
eggplant,
6776
fxDev,
6877
highContrast,
78+
honey,
6979
hotChocolate,
80+
hotdogStand,
7081
lilac,
7182
lilacRoseDark,
7283
maple,
@@ -88,18 +99,23 @@ export default {
8899
redWine,
89100
rose,
90101
seawater,
102+
shelbiTeal,
91103
slate,
92104
solarizedDark,
93105
solarizedLight,
94106
spruce,
95107
stormClouds,
96108
theSixtiesUSA,
97109
tokyoDark,
110+
toner,
98111
tooSexy,
99112
travel,
100113
vaporTeal,
101114
vermillion,
102115
violetDark,
116+
vistaesqueMidnight,
103117
water,
118+
white,
119+
windows1,
104120
wmii
105121
};

‎src/common/themes/shelbiTeal.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* "Teal for Shelbi" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Teal-for-Shelbi-506118460
3+
*/
4+
5+
export default {
6+
name: 'shelbiTeal',
7+
anchor: 'rgb(0, 128, 128)',
8+
anchorVisited: 'rgb(0, 128, 128)',
9+
borderDark: 'rgb(96, 128, 128)',
10+
borderDarkest: 'rgb(0, 0, 0)',
11+
borderLight: 'rgb(192, 204, 204)',
12+
borderLightest: 'rgb(204, 224, 224)',
13+
canvas: 'rgb(255, 255, 255)',
14+
canvasText: 'rgb(0, 0, 0)',
15+
canvasTextDisabled: 'rgb(96, 128, 128)',
16+
canvasTextDisabledShadow: 'rgb(204, 224, 224)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(0, 0, 0)',
19+
checkmarkDisabled: 'rgb(96, 128, 128)',
20+
flatDark: 'rgb(96, 128, 128)',
21+
flatLight: 'rgb(192, 204, 204)',
22+
focusSecondary: 'rgb(204, 224, 224)',
23+
headerBackground:
24+
'linear-gradient(to right, rgb(0, 128, 128), rgb(0, 204, 204))',
25+
headerNotActiveBackground:
26+
'linear-gradient(to right, rgb(96, 128, 128), rgb(160, 192, 192))',
27+
headerNotActiveText: 'rgb(192, 204, 204)',
28+
headerText: 'rgb(255, 255, 255)',
29+
hoverBackground: 'rgb(0, 128, 128)',
30+
material: 'rgb(168, 192, 192)',
31+
materialDark: 'rgb(96, 128, 128)',
32+
materialText: 'rgb(0, 0, 0)',
33+
materialTextDisabled: 'rgb(96, 128, 128)',
34+
materialTextDisabledShadow: 'rgb(204, 224, 224)',
35+
materialTextInvert: 'rgb(255, 255, 255)',
36+
progress: 'rgb(0, 128, 128)',
37+
tooltip: 'rgb(224, 255, 255)'
38+
};

‎src/common/themes/toner.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* "Toner" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Toner-871968986
3+
*/
4+
5+
export default {
6+
name: 'toner',
7+
anchor: 'rgb(0, 0, 128)',
8+
anchorVisited: 'rgb(0, 0, 128)',
9+
borderDark: 'rgb(0, 0, 0)',
10+
borderDarkest: 'rgb(128, 128, 128)',
11+
borderLight: 'rgb(0, 0, 0)',
12+
borderLightest: 'rgb(127, 127, 127)',
13+
canvas: 'rgb(128, 128, 128)',
14+
canvasText: 'rgb(255, 255, 255)',
15+
canvasTextDisabled: 'rgb(0, 0, 0)',
16+
canvasTextDisabledShadow: 'rgb(127, 127, 127)',
17+
canvasTextInvert: 'rgb(0, 0, 0)',
18+
checkmark: 'rgb(255, 255, 255)',
19+
checkmarkDisabled: 'rgb(64, 64, 64)',
20+
flatDark: 'rgb(0, 0, 0)',
21+
flatLight: 'rgb(0, 0, 0)',
22+
focusSecondary: 'rgb(127, 127, 127)',
23+
headerBackground:
24+
'linear-gradient(to right, rgb(128, 128, 128), rgb(128, 128, 128))',
25+
headerNotActiveBackground:
26+
'linear-gradient(to right, rgb(0, 0, 0), rgb(128, 128, 128))',
27+
headerNotActiveText: 'rgb(128, 128, 128)',
28+
headerText: 'rgb(0, 0, 0)',
29+
hoverBackground: 'rgb(255, 255, 255)',
30+
material: 'rgb(0, 0, 0)',
31+
materialDark: 'rgb(0, 0, 0)',
32+
materialText: 'rgb(255, 255, 255)',
33+
materialTextDisabled: 'rgb(0, 0, 0)',
34+
materialTextDisabledShadow: 'rgb(127, 127, 127)',
35+
materialTextInvert: 'rgb(0, 0, 0)',
36+
progress: 'rgb(255, 255, 255)',
37+
tooltip: 'rgb(128, 128, 128)'
38+
};

‎src/common/themes/vistaesqueMidnight.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* "Vista-esque Midnight" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Vista-esque-Midnight-557498234
3+
*/
4+
5+
export default {
6+
name: 'vistaesqueMidnight',
7+
anchor: 'rgb(64, 64, 192)',
8+
anchorVisited: 'rgb(64, 64, 192)',
9+
borderDark: 'rgb(21, 21, 21)',
10+
borderDarkest: 'rgb(0, 0, 0)',
11+
borderLight: 'rgb(32, 32, 32)',
12+
borderLightest: 'rgb(128, 128, 128)',
13+
canvas: 'rgb(0, 0, 0)',
14+
canvasText: 'rgb(255, 255, 255)',
15+
canvasTextDisabled: 'rgb(21, 21, 21)',
16+
canvasTextDisabledShadow: 'rgb(128, 128, 128)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(255, 255, 255)',
19+
checkmarkDisabled: 'rgb(32, 32, 32)',
20+
flatDark: 'rgb(21, 21, 21)',
21+
flatLight: 'rgb(32, 32, 32)',
22+
focusSecondary: 'rgb(128, 128, 128)',
23+
headerBackground:
24+
'linear-gradient(to right, rgb(81, 132, 188), rgb(100, 168, 60))',
25+
headerNotActiveBackground:
26+
'linear-gradient(to right, rgb(22, 46, 101), rgb(18, 91, 30))',
27+
headerNotActiveText: 'rgb(192, 192, 192)',
28+
headerText: 'rgb(255, 255, 255)',
29+
hoverBackground: 'rgb(49, 106, 197)',
30+
material: 'rgb(32, 32, 32)',
31+
materialDark: 'rgb(22, 46, 101)',
32+
materialText: 'rgb(255, 255, 255)',
33+
materialTextDisabled: 'rgb(21, 21, 21)',
34+
materialTextDisabledShadow: 'rgb(128, 128, 128)',
35+
materialTextInvert: 'rgb(255, 255, 255)',
36+
progress: 'rgb(49, 106, 197)',
37+
tooltip: 'rgb(0, 0, 30)'
38+
};

‎src/common/themes/white.js

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/* "White" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/White-870495714
3+
*/
4+
5+
export default {
6+
name: 'white',
7+
anchor: 'rgb(0, 0, 128)',
8+
anchorVisited: 'rgb(0, 0, 128)',
9+
borderDark: 'rgb(0, 0, 0)',
10+
borderDarkest: 'rgb(255, 255, 255)',
11+
borderLight: 'rgb(0, 0, 0)',
12+
borderLightest: 'rgb(255, 255, 255)',
13+
canvas: 'rgb(255, 255, 255)',
14+
canvasText: 'rgb(0, 0, 0)',
15+
canvasTextDisabled: 'rgb(0, 0, 0)',
16+
canvasTextDisabledShadow: 'rgb(255, 255, 255)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(0, 0, 0)',
19+
checkmarkDisabled: 'rgb(128, 128, 128)',
20+
flatDark: 'rgb(0, 0, 0)',
21+
flatLight: 'rgb(0, 0, 0)',
22+
focusSecondary: 'rgb(255, 255, 255)',
23+
headerBackground: 'linear-gradient(to right, rgb(0, 0, 128), rgb(0, 0, 128))',
24+
headerNotActiveBackground:
25+
'linear-gradient(to right, rgb(128, 128, 128), rgb(128, 128, 128))',
26+
headerNotActiveText: 'rgb(192, 192, 192)',
27+
headerText: 'rgb(255, 255, 255)',
28+
hoverBackground: 'rgb(0, 0, 128)',
29+
material: 'rgb(255, 255, 255)',
30+
materialDark: 'rgb(128, 128, 128)',
31+
materialText: 'rgb(0, 0, 0)',
32+
materialTextDisabled: 'rgb(0, 0, 0)',
33+
materialTextDisabledShadow: 'rgb(255, 255, 255)',
34+
materialTextInvert: 'rgb(255, 255, 255)',
35+
progress: 'rgb(0, 0, 128)',
36+
tooltip: 'rgb(255, 255, 128)'
37+
};

‎src/common/themes/windows1.js

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
/* "Windows 1" by tPenguinLTG
2+
* https://www.deviantart.com/tpenguinltg/art/Windows-1-573195578
3+
*/
4+
5+
export default {
6+
name: 'windows1',
7+
anchor: 'rgb(0, 0, 85)',
8+
anchorVisited: 'rgb(0, 0, 85)',
9+
borderDark: 'rgb(0, 0, 0)',
10+
borderDarkest: 'rgb(255, 255, 255)',
11+
borderLight: 'rgb(0, 0, 0)',
12+
borderLightest: 'rgb(255, 255, 255)',
13+
canvas: 'rgb(255, 255, 255)',
14+
canvasText: 'rgb(0, 0, 0)',
15+
canvasTextDisabled: 'rgb(0, 0, 0)',
16+
canvasTextDisabledShadow: 'rgb(255, 255, 255)',
17+
canvasTextInvert: 'rgb(255, 255, 255)',
18+
checkmark: 'rgb(0, 0, 0)',
19+
checkmarkDisabled: 'rgb(85, 85, 85)',
20+
flatDark: 'rgb(0, 0, 0)',
21+
flatLight: 'rgb(0, 0, 0)',
22+
focusSecondary: 'rgb(255, 255, 255)',
23+
headerBackground: 'linear-gradient(to right, rgb(0, 0, 0), rgb(85, 85, 255))',
24+
headerNotActiveBackground:
25+
'linear-gradient(to right, rgb(0, 0, 0), rgb(109, 109, 199))',
26+
headerNotActiveText: 'rgb(255, 255, 255)',
27+
headerText: 'rgb(255, 255, 255)',
28+
hoverBackground: 'rgb(0, 0, 0)',
29+
material: 'rgb(255, 255, 255)',
30+
materialDark: 'rgb(0, 0, 0)',
31+
materialText: 'rgb(0, 0, 0)',
32+
materialTextDisabled: 'rgb(0, 0, 0)',
33+
materialTextDisabledShadow: 'rgb(255, 255, 255)',
34+
materialTextInvert: 'rgb(255, 255, 255)',
35+
progress: 'rgb(0, 0, 0)',
36+
tooltip: 'rgb(255, 255, 85)'
37+
};

0 commit comments

Comments
 (0)