Skip to content

Commit 0394cd0

Browse files
dark style
Alternative style, I hope like you
1 parent c57c061 commit 0394cd0

File tree

1 file changed

+55
-0
lines changed

1 file changed

+55
-0
lines changed

intro-dark.css

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
.introjs-tooltip {
2+
background-color: rgba(000, 0, 0, 0.5);
3+
color: #fff;
4+
}
5+
6+
.introjs-button,
7+
.introjs-button:hover, .introjs-button:focus, .introjs-button:active,
8+
.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
9+
outline: none;
10+
background-image: none;
11+
background-color: transparent;
12+
color: #fff;
13+
border: 1px solid transparent;
14+
border-radius: 50px;
15+
box-shadow: none;
16+
border-shadow: none;
17+
text-shadow: none;
18+
}
19+
20+
.introjs-button:hover, .introjs-button:focus, .introjs-button:active {
21+
border: 1px solid #fff
22+
}
23+
.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
24+
color: #ccc;
25+
border: 1px solid transparent;
26+
}
27+
28+
.introjs-arrow {
29+
border: 10px solid #fff;
30+
}
31+
.introjs-arrow.top, .introjs-arrow.top-middle, .introjs-arrow.top-right {
32+
border-color: transparent transparent rgba(000, 0, 0, 0.5);
33+
top: -20px;
34+
left: 20px;
35+
}
36+
.introjs-arrow.bottom, .introjs-arrow.bottom-middle, .introjs-arrow.bottom-right {
37+
border-color: rgba(000, 0, 0, 0.5) transparent transparent;
38+
bottom: -20px;
39+
left: 20px;
40+
}
41+
.introjs-arrow.left, .introjs-arrow.right {
42+
top: 20px;
43+
}
44+
.introjs-arrow.left-bottom, .introjs-arrow.right-bottom {
45+
bottom: 20px;
46+
}
47+
48+
.introjs-arrow.left, .introjs-arrow.left-bottom {
49+
left: -20px;
50+
border-color: rgba(000, 0, 0, 0.5) transparent transparent transparent;
51+
}
52+
.introjs-arrow.right, .introjs-arrow.right-bottom {
53+
right: -20px;
54+
border-color: transparent transparent transparent rgba(000, 0, 0, 0.5);
55+
}

0 commit comments

Comments
 (0)