-
Notifications
You must be signed in to change notification settings - Fork 1
/
theme.js
118 lines (72 loc) · 3.35 KB
/
theme.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
function remove(){
document.getElementById("not").style.visibility="hidden"
}
var family = [,"Ruslan Display ","Roboto Mono ","Ubuntu ","Open Sans Condensed ","PT Sans ","Slabo 27px ","Kosugi Maru ","Oswald ","Mukta ","Gamja Flower ","lobster"]
var theme = ["black", "white", "red", "peru", "skyblue", "limegreen"]
var font = ["black", "white", "red", "peru", "skyblue", "limegreen"]
var color = localStorage.getItem("theme");
//FOR reload
function change(hcolor, bgcolor) {
console.log(hcolor,bgcolor)
if(color==null){
var GG = hcolor+"."+bgcolor
var savecolor = { backgroundColor: theme[hcolor], color:font[bgcolor],code:GG}
savecolor = JSON.stringify(savecolor)
localStorage.setItem("theme", savecolor)
location.reload(false)
}
else if(color!=null){
var GG = hcolor+"."+bgcolor
var savecolor = JSON.parse(localStorage.getItem("theme"))
savecolor.backgroundColor = theme[hcolor]
savecolor.color = font[bgcolor]
savecolor.code = GG;
savecolor = JSON.stringify(savecolor)
localStorage.setItem("theme",savecolor)
location.reload(false)
}
};
function check(id){
var enter = document.getElementById("")
if(id == 0){
var name = "Hex-code <br> <p>Write be carryfull <br> <b>Example</b><br> #123456 </p>"
var input = "Color<input type='text' maxlength='7' value='#' name=' id='color'>Background-color <input type='text' maxlength='7' value='#' name=' id='bgcolor'><button onclick='applied()'>Applied</button>"
name += input;
document.getElementById("enter").innerHTML=name
}
else if(id==1){
var name = "RGB <br> <p>Write be carryfull <br> <b>Example</b> <br> rbg(111,111,111) </p>"
var input = "Color<input type='text' name='' id='color'>Background-color <input type='text' name='' id='bgcolor'><button onclick='applied()'>Applied</button>"
name += input;
document.getElementById("enter").innerHTML=name
}
else if(id==2){
var name = "Name<br>"
var input = "Color<input type='text' name='' id='color'>Background-color <input type='text' name='' id='bgcolor'><button onclick='applied()'>Applied</button>"
name += input;
document.getElementById("enter").innerHTML=name
}
}
function applied(){
alert("")
var theme = document.getElementById("bgcolor").value,
fonts= document.getElementById("color").value ;
var savecolor = { backgroundcolor:theme, color:fonts}
savecolor = JSON.stringify(savecolor)
localStorage.setItem("theme", savecolor)
location.reload(false)
}
// for writing
if (color != null) {
var savecolor = JSON.parse(color)
document.getElementById("table").style.backgroundColor = savecolor.backgroundColor;
document.getElementById("table").style.color = savecolor.color;
document.getElementById("table").style.fontFamily = family[savecolor.write];
if(savecolor.code != null && document.getElementById("check") != null && document.getElementById("check").innerHTML == "color-style"){
document.getElementById(savecolor.code).setAttribute("checked","checked")
console.log()}
else if(savecolor.write != null &&document.getElementById("check") != null && document.getElementById("check").innerHTML == "Text-style"){
var f = document.getElementById(family[savecolor.write]).setAttribute("checked","checked");
alert("This font is directly working from Google Font So it will need some time")
}
}