Skip to content

Commit bb50098

Browse files
authored
Merge pull request #27 from ramyarajendran27/master
Resolved style issue
2 parents 7487d75 + 0074e10 commit bb50098

17 files changed

+5576
-0
lines changed

styles/common.css

Lines changed: 2372 additions & 0 deletions
Large diffs are not rendered by default.

styles/themes/bootstrap5-dark.css

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
1+
.bootstrap5-dark .copycode::before{
2+
content:'\e77c';
3+
font-size:25px;
4+
}
5+
6+
.bootstrap5-dark .sb-home-text {
7+
color: #ffffff;
8+
}
9+
10+
@media (max-width: 480px) {
11+
.bootstrap5-dark .sb-open-new-wrapper{
12+
height: 40px;
13+
}
14+
}
15+
16+
17+
.bootstrap5-dark .sb-content,
18+
.bootstrap5-dark textarea#ruleContent,
19+
.bootstrap5-dark #search-input_popup .e-list-item,
20+
.bootstrap5-dark #search-input_popup .e-list-group-item {
21+
background: #212529;
22+
}
23+
.bootstrap5-dark .sb-home,
24+
.bootstrap5-dark #search-input_popup .e-list-item {
25+
color:#ffffff
26+
}
27+
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
28+
.bootstrap5-dark .sb-home,
29+
.bootstrap5-dark .sb-reset-icon{
30+
color:#ffffff
31+
}
32+
body.bootstrap5-dark,
33+
.bootstrap5-dark #sb-header-text,
34+
.bootstrap5-dark .control-name,
35+
.bootstrap5-dark .sample-navigation,
36+
.bootstrap5-dark .sb-icon-Popout,
37+
.bootstrap5-dark .sb-switch-popup a {
38+
color: #fff;
39+
}
40+
.bootstrap5-dark .sb-header,
41+
.bootstrap5-dark .sb-search-result .e-list-item,
42+
.bootstrap5-dark .sb-search-result .e-list-group-item {
43+
background: #212529;
44+
}
45+
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
46+
background: #0d6efd;
47+
}
48+
.bootstrap5-dark #left-sidebar {
49+
color: #c2c0c0;
50+
background: #212529;
51+
}
52+
53+
.bootstrap5-dark #left-sidebar {
54+
border: none;
55+
}
56+
.bootstrap5-dark .sb-mobile-right-pane {
57+
background: #212529;
58+
}
59+
.bootstrap5-dark .hljs-string,
60+
.bootstrap5-dark .hljs-title,
61+
.bootstrap5-dark .hljs-section,
62+
.bootstrap5-dark .hljs-attribute,
63+
.bootstrap5-dark .hljs-literal,
64+
.bootstrap5-dark .hljs-template-tag,
65+
.bootstrap5-dark .hljs-template-variable,
66+
.bootstrap5-dark .hljs-type,
67+
.bootstrap5-dark .hljs-addition,
68+
.bootstrap5-dark .e-icons.back-icon,
69+
.bootstrap5-dark .sb-plnr-section,
70+
.bootstrap5-dark .sb-bread-crumb,
71+
.bootstrap5-dark .sb-component-name,
72+
.bootstrap5-dark .sb-icon-Home,
73+
.bootstrap5-dark .description-header,
74+
.bootstrap5-dark .sample-navigation>button:hover,
75+
.bootstrap5-dark .sb-switch-popup li:first-child,
76+
.bootstrap5-dark .sb-left-pane .e-listview .e-list-group-item,
77+
.bootstrap5-dark .sb-icon-Hamburger:active,
78+
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
79+
.bootstrap5-dark .sb-theme-popup li.active .sb-theme-select,
80+
.bootstrap5-dark #search-input_popup .e-list-group-item {
81+
color: #0d6efd;
82+
}
83+
84+
.bootstrap5-dark .sb-content-section,
85+
.bootstrap5-dark .sb-switch-popup .bootstrap5-dark .sb-content-tab-header,
86+
.bootstrap5-dark .sb-content-section .sb-content-tab-header {
87+
background: #212529;
88+
border-color: #c1c1c1;
89+
}
90+
.bootstrap5-dark .sample-navigation>button:hover,
91+
.bootstrap5-dark .sb-plnr-section,
92+
.bootstrap5-dark .sb-icon-Popout:hover,
93+
.bootstrap5-dark .sb-icon-Hamburger,
94+
.bootstrap5-dark .sb-setting-translate,
95+
.bootstrap5-dark .sb-footer-links a,
96+
.bootstrap5-dark .description-section a{
97+
color: #0d6efd;
98+
}
99+
.bootstrap5-dark .sb-plnr-section{
100+
line-height:30px;
101+
height:30px;
102+
}
103+
.bootstrap5-dark .sb-open-new-wrapper,
104+
.bootstrap5-dark .sample-navigation{
105+
line-height: 33px;
106+
}
107+
.bootstrap5-dark code,
108+
.bootstrap5-dark .sb-switch-popup,
109+
.bootstrap5-dark .sb-setting-popup,
110+
.bootstrap5-dark .sb-search-result,
111+
.bootstrap5-dark .sb-src-code,
112+
.bootstrap5-dark .sb-api-section,
113+
.bootstrap5-dark .sb-theme-popup,
114+
.bootstrap5-dark .copy-tooltip,
115+
.bootstrap5-dark .e-icons.copycode,
116+
.bootstrap5-dark #search-input-wrapper input,
117+
.bootstrap5-dark #search-input-wrapper input::placeholder {
118+
color: #ffffff;
119+
background: #212529;
120+
}
121+
.bootstrap5-dark .sb-search-btn:hover,
122+
.bootstrap5-dark .sb-search-btn.active,
123+
.bootstrap5-dark .sb-setting-btn:hover,
124+
.bootstrap5-dark .sb-setting-btn.active,
125+
.bootstrap5-dark .sb-switch-popup li:hover,
126+
.bootstrap5-dark .theme-wrapper:hover,
127+
.bootstrap5-dark .theme-wrapper.active,
128+
.bootstrap5-dark .sb-theme-popup li:hover,
129+
.bootstrap5-dark .sb-search-result .e-list-item:hover,
130+
.bootstrap5-dark .sb-switch-btn:hover,
131+
.bootstrap5-dark .sb-switch-btn.active,
132+
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover,
133+
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
134+
background-color: #363636;
135+
}
136+
.bootstrap5-dark .setting-responsive .sb-responsive-items {
137+
width: 104px;
138+
background-color: #363636;
139+
font-weight: 500;
140+
line-height: 30px;
141+
text-align: center;
142+
border: 1px solid transparent;
143+
display: table-cell;
144+
cursor: pointer;
145+
}
146+
.bootstrap5-dark .setting-responsive .sb-responsive-items.active {
147+
background-color: #0d6efd;
148+
color: white;
149+
}
150+
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active,
151+
.bootstrap5-dark .cont,
152+
.bootstrap5-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
153+
background-color:#0d6efd ;
154+
}
155+
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover {
156+
color:aliceblue;
157+
}
158+
.bootstrap5-dark .control-name{
159+
color:#ffffff;
160+
}
161+
.bootstrap5-dark .sb-left-pane,
162+
.bootstrap5-dark .sb-mobile-left-pane,
163+
.bootstrap5-dark .sb-body-overlay {
164+
background: #212529;
165+
}
166+
167+
.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat {
168+
background: #212529;
169+
color: #fff;
170+
}
171+
.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat:hover {
172+
color: #0d6efd;
173+
}
174+
.bootstrap5-dark .sb-header-text-left,.bootstrap5-dark .sb-header-text-right {
175+
color:#ffffff
176+
}
177+
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
178+
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
179+
.bootstrap5-dark .sb-search-result .e-list-group-item {
180+
color:#0d6efd !important;
181+
}
182+
183+
.bootstrap5-dark #msg {
184+
color: #F1F1F1 !important;
185+
}
186+
187+
.bootstrap5-dark .sb-theme-select {
188+
color:#212529;
189+
}
190+
191+
.bootstrap5-dark .e-samplestatus.new,.bootstrap5-dark .e-samplestatus.update,.bootstrap5-dark .e-samplestatus.preview {
192+
margin: 5px 0;
193+
height: 22px;
194+
margin-top: 0px;
195+
}
196+
197+
.bootstrap5-dark .e-samplestatus.new.tree,.bootstrap5-dark .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
198+
margin: 6px 0;
199+
height: 22px;
200+
margin-top: 6px;
201+
}
202+
203+
.bootstrap5-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
204+
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
205+
color:#ffffff !important;
206+
}
207+
208+
.bootstrap5-dark .sb-search-input .e-ddl .e-clear-icon {
209+
margin-left:-25px;
210+
background: transparent;
211+
}
212+
213+
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
214+
border: none;
215+
}
216+
217+
.bootstrap5-dark .sb-theme-popup li:hover .sb-theme-select {
218+
color:transparent;
219+
}
220+
221+
.bootstrap5-dark .sb-theme-popup li:hover.active .sb-theme-select {
222+
color:white;
223+
}

0 commit comments

Comments
 (0)