Skip to content

Commit 549205d

Browse files
bcivelbcivel
committed
more stuff on dark mode
1 parent f2bec72 commit 549205d

File tree

4 files changed

+65
-26
lines changed

4 files changed

+65
-26
lines changed

‎source/src/main/webapp/TestCaseScript.jsp‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,9 +61,9 @@
6161

6262
<h1 class="page-title-line">Test Case Script</h1>
6363
<div class="panel no-border" style="margin-top: 10px;">
64-
<div style="min-height:150px;background-color:var(--crb-grey-light-color)">
65-
<div id="divPanelDefault" class="panel-default" style="z-index:100; top: 0;height:150px;background-color:var(--crb-grey-light-color)">
66-
<div class="panel-heading" style="border-radius: 10px;margin-bottom: 0px;background-color: var(--crb-white-color);border: 1px solid var(--crb-grey-light-color);" id="testCaseTitle">
64+
<div style="min-height:150px;background-color:var(--crb-white-color)">
65+
<div id="divPanelDefault" class="panel-default" style="z-index:100; top: 0;height:150px;background-color:var(--crb-white-color)">
66+
<div class="panel-heading" style="border-radius: 10px;margin-bottom: 0px;background-color: var(--crb-white-color);border: 1px solid var(--crb-white-color);" id="testCaseTitle">
6767
<div class="" style="width:100%">
6868
<div class="col-lg-5" style="padding: 0px;">
6969
<div class="row">
@@ -117,7 +117,7 @@
117117
<div class="clearfix"></div>
118118
</div>
119119
</div>
120-
<div style="height:60px; background-color: #f5f6fa; padding-top:20px">
120+
<div style="height:60px; background-color: var(--crb-white-color); padding-top:20px">
121121
<ul id="tabsScriptEdit" class="nav nav-tabs" data-tabs="tabs">
122122
<li class="active"><a data-toggle="tab" href="#tabSteps" id="editTabStep" class="tabSteps" name="tabSteps">Steps</a></li>
123123
<li><a data-toggle="tab" href="#tabProperties" id="editTabProperties" class="tabSteps" name="tabProperties">Properties</a></li>

‎source/src/main/webapp/css/global/crb_style2.css‎

Lines changed: 25 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
--crb-yellow-dark-color: #c6a20d;
4848

4949
--crb-black-color: #1e2124;
50-
--crb-dark-color: #34495e;
50+
--crb-dark-color: #292929;
5151
--crb-grey-color: #aaaaaa;
5252
--crb-grey-light-color: #e7e7e7;
5353
--crb-grey-superlight-color: #f8f8f8;
@@ -62,6 +62,7 @@
6262
--crb-left-menu-font-hover: white;
6363
--crb-top-menu-font: #1e2124;
6464

65+
6566
/*SYNTHESIS*/
6667
--old-ok: #5CB85C;
6768
--ok: var(--crb-green-color);
@@ -76,9 +77,9 @@
7677
--old-ne: #aaa;
7778
--ne: var(--crb-grey-color);
7879
--old-qu: #BF00BF;
79-
--qu: var(--crb-purple-color);
80+
--qu: var(--old-qu);
8081
--old-qe: #5C025C;
81-
--qe: var(--crb-purple-dark-color);
82+
--qe: var(--old-qe);
8283
--old-we:#34495E;
8384
--we: var(--crb-dark-color);
8485
--old-ca:#F0AD4E;
@@ -106,9 +107,9 @@
106107
--crb-red-light-color: rgb(70, 34, 42);
107108
--crb-red-dark-color: rgb(245, 165, 178);
108109

109-
--crb-purple-color: #BF00BF;
110-
--crb-purple-light-color: rgb(62, 33, 62);
111-
--crb-purple-dark-color: #E699E6;
110+
--crb-purple-color: #727cf5;
111+
--crb-purple-light-color: #2d305a;
112+
--crb-purple-dark-color: #a3a7f9;
112113

113114
--crb-thistle-color: #D8BFD8;
114115
--crb-thistle-light-color: rgb(80, 70, 80);
@@ -123,9 +124,10 @@
123124
--crb-yellow-dark-color: #f8e68c;
124125

125126
--crb-black-color: #f5f5f5;
126-
--crb-dark-color: #1e2a36;
127+
--crb-dark-color: #dddddd;
127128
--crb-grey-color: #bbbbbb;
128129
--crb-grey-light-color: #3a3a3a;
130+
--crb-grey-superlight-color: #252525;
129131
--crb-white-color: #111111;
130132

131133
--crb-left-menu-background: #1e2124;
@@ -1438,7 +1440,22 @@ span.editable-empty,.editable-empty:hover,.editable-empty:focus {
14381440
table.dataTable thead th {
14391441
border-bottom-color: transparent;
14401442
border-top-color: transparent !important;
1441-
background-color: #E6E6E6 !important;
1443+
background-color: var(--crb-grey-light-color) !important;
1444+
color: var(--crb-dark-color);
1445+
}
1446+
1447+
table.dataTable thead th input {
1448+
background-color: var(--crb-grey-light-color) !important;
1449+
color: var(--crb-dark-color);
1450+
}
1451+
1452+
.table-hover>tbody>tr{
1453+
background-color: var(--crb-white-color) !important;
1454+
color: var(--crb-black-color);
1455+
}
1456+
.table-hover>tbody>tr:hover{
1457+
background-color: var(--crb-grey-light-color) !important;
1458+
color: var(--crb-dark-color);
14421459
}
14431460

14441461
.dataTables_scroll {

‎source/src/main/webapp/css/global/default.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -330,6 +330,11 @@ table.display th, #listOfTestDataLib td , #viewTestDataLibDataEntriesTable td{
330330

331331
.dataTables_info {
332332
padding-top: 6px;
333+
color: var(--crb-dark-color);
334+
}
335+
336+
.pagination>li>a, .dataTables_length select, .dataTables_filter input{
337+
background-color: var(--crb-white-color);
333338
}
334339

335340
#summaryTableHeader td{
@@ -637,3 +642,17 @@ a.list-group-item.selected, button.list-group-item.selected {
637642
z-index: 130000000000 !important;
638643
}
639644

645+
.select2 {
646+
background-color: var(--crb-white-color);
647+
color: var(--crb-dark-color);
648+
}
649+
650+
.btn-default {
651+
color: var(--crb-dark-color);
652+
background-color: var(--crb-white-color);
653+
border-color: var(--crb-grey-light-color);
654+
}
655+
656+
.footer{
657+
color: var(--crb-dark-color);
658+
}

‎source/src/main/webapp/css/pages/TestCaseScript.css‎

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -66,14 +66,14 @@
6666

6767
.step-list li:hover {
6868
border-color:#46b8da;
69-
background-color:#f8f8f8;
69+
background-color:var(--crb-grey-superlight-color);
7070
color:#555;
7171
z-index: 2;
7272
}
7373

7474
.step-list li .active {
7575
border-color:#46b8da;
76-
background-color:#f8f8f8;
76+
background-color:var(--crb-grey-superlight-color);
7777
color:#555;
7878
z-index: 2;
7979
}
@@ -176,6 +176,8 @@
176176
border-left: 4px solid rgb(39,188,253);
177177
border-radius: 4px;
178178
margin-top: 4px;
179+
background-color: var(--crb-white-color);
180+
color: var(--crb-black-color);
179181
}
180182

181183
.danger {
@@ -285,6 +287,7 @@
285287
line-height: 1.2;
286288
box-shadow: none;
287289
background-color: transparent;
290+
color: var(--crb-dark-color);
288291
font-weight: 500;
289292
font-family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
290293
}
@@ -302,6 +305,7 @@
302305
line-height: 1.2;
303306
box-shadow: none;
304307
background-color: transparent;
308+
color: var(--crb-dark-color);
305309
font-weight: 500;
306310
font-family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
307311
}
@@ -430,38 +434,37 @@
430434
}
431435

432436
.list-group-item-warning.active:hover {
433-
background-color: #f0ad4e;
434-
color: #FFFFFF;
435-
border-color: #eea236;
437+
background-color: var(--crb-orange-light-color);
438+
color: var(--crb-white-color);
439+
border-color: var(--crb-orange-light-color);
436440
}
437441

438442
.list-group-item-calm.active {
439-
background-color:#fff;
440-
color:#555;
441-
background-color:#f8f8f8;
443+
color:var(--crb-black-color);
444+
background-color:var(--crb-grey-superlight-color);
442445
border: 2px solid rgb(39,188,253);
443446
border-left: 4px solid rgb(39,188,253);
444447
}
445448

446449
.list-group-item-calm.active:hover {
447450
border-color:#46b8da;
448-
background-color:#f8f8f8;
449-
color:#555;
451+
background-color:var(--crb-grey-light-color);
452+
color:var(--crb-black-color);
450453
}
451454

452455
.list-group-item:hover>.badge, .nav-pills>:hover>a>.badge {
453456
color: #5bc0de;
454-
background-color: #fff;
457+
background-color: var(--crb-white-color);
455458
}
456459

457460
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
458461
color: #5bc0de;
459-
background-color: #fff;
462+
background-color: var(--crb-white-color);
460463
}
461464

462465
.list-group-item-calm>.badge {
463-
color: #fff;
464-
background-color: #5bc0de;
466+
color: var(--crb-white-color);
467+
background-color: var(--crb-blue-light-color);
465468
}
466469

467470
.add-btn {

0 commit comments

Comments
 (0)