Skip to content

Commit df587c0

Browse files
authored
reuploaded as commited in wrong folder
1 parent 3a76794 commit df587c0

File tree

2 files changed

+64
-43
lines changed

2 files changed

+64
-43
lines changed

src/scss/themes/bootstrap/tabulator_bootstrap5.scss

Lines changed: 53 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -348,7 +348,47 @@ $table-cell-padding-sm: 5px;
348348
}
349349
}
350350

351-
&.table-dark{
351+
&.table-striped{
352+
&:not(.table-dark),
353+
html:not([data-bs-theme="dark"]) &{
354+
.tabulator-row{
355+
&.tabulator-row-even{
356+
background-color: $rowAltBackgroundColor;
357+
358+
&.tabulator-selected{
359+
background-color:$rowSelectedBackground;
360+
}
361+
362+
@media (hover:hover) and (pointer:fine){
363+
&.tabulator-selectable:hover{
364+
background-color:$rowHoverBackground;
365+
cursor: pointer;
366+
}
367+
368+
&.tabulator-selected:hover{
369+
background-color:$rowSelectedBackgroundHover;
370+
cursor: pointer;
371+
}
372+
}
373+
}
374+
}
375+
}
376+
377+
&.table-dark,
378+
html[data-bs-theme="dark"] & {
379+
.tabulator-row{
380+
&:nth-child(even){
381+
background-color: $table-dark-striped-bg !important;
382+
.tabulator-cell{
383+
background-color: inherit;
384+
}
385+
}
386+
}
387+
}
388+
}
389+
390+
&.table-dark,
391+
html[data-bs-theme="dark"] &{
352392
background-color: $table-dark-bg;
353393

354394
&:not(.thead-light) .tabulator-header{
@@ -367,6 +407,11 @@ $table-cell-padding-sm: 5px;
367407
color: $table-dark-color;
368408
}
369409

410+
.tabulator-cell {
411+
color: $table-dark-color;
412+
background-color: $table-dark-bg;
413+
border-color: $table-dark-border-color;
414+
}
370415

371416
.tabulator-row{
372417
border-color: $table-dark-border-color;
@@ -384,12 +429,13 @@ $table-cell-padding-sm: 5px;
384429
}
385430

386431
&.tabulator-selected{
387-
background-color:$rowSelectedBackground;
432+
background-color:$table-dark-active-bg;
388433
}
389434
}
390435

391436
.tabulator-footer{
392437
border-color: $table-dark-border-color !important;
438+
color: $table-dark-bg !important;
393439

394440
.tabulator-calcs-holder{
395441
border-color: $table-dark-border-color !important;
@@ -402,42 +448,12 @@ $table-cell-padding-sm: 5px;
402448
}
403449
}
404450
}
405-
}
406-
407-
&.table-striped{
408-
&:not(.table-dark){
409-
.tabulator-row{
410-
&.tabulator-row-even{
411-
background-color: $rowAltBackgroundColor;
412-
413-
&.tabulator-selected{
414-
background-color:$rowSelectedBackground;
415-
}
416-
417-
@media (hover:hover) and (pointer:fine){
418-
&.tabulator-selectable:hover{
419-
background-color:$rowHoverBackground;
420-
cursor: pointer;
421-
}
422-
423-
&.tabulator-selected:hover{
424-
background-color:$rowSelectedBackgroundHover;
425-
cursor: pointer;
426-
}
427-
}
428-
}
429-
}
430-
}
431451

432-
&.table-dark{
433-
.tabulator-row{
434-
&:nth-child(even){
435-
.tabulator-cell{
436-
background-color: $table-dark-accent-bg;
437-
}
438-
}
439-
}
440-
}
452+
input {
453+
color: $table-dark-color !important;
454+
background-color: $table-active-bg !important;
455+
}
456+
441457
}
442458

443459
//row colors

src/scss/themes/bootstrap/variables5.scss

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -695,11 +695,16 @@ $table-color: $body-color !default;
695695
$table-bg: #fff !default;
696696
$table-accent-bg: transparent !default;
697697

698-
$table-dark-bg: $gray-900 !default;
699-
$table-dark-accent-bg: rgba($white, .05) !default;
700-
$table-dark-hover-bg: rgba($white, .075) !default;
701-
$table-dark-border-color: lighten($gray-900, 7.5%) !default;
702-
$table-dark-color: $body-bg !default;
698+
$table-dark-color: #fff;
699+
$table-dark-bg: #212529;
700+
$table-dark-border-color: #4d5154;
701+
$table-dark-striped-bg: #2c3034;
702+
$table-dark-striped-color: #fff;
703+
$table-dark-active-bg: #373b3e;
704+
$table-dark-active-color: #fff;
705+
$table-dark-hover-bg: #323539;
706+
$table-dark-hover-color: #fff;
707+
703708

704709
$table-th-font-weight: null !default;
705710

@@ -1645,4 +1650,4 @@ $kbd-font-size: $code-font-size !default;
16451650
$kbd-color: $white !default;
16461651
$kbd-bg: $gray-900 !default;
16471652

1648-
$pre-color: null !default;
1653+
$pre-color: null !default;

0 commit comments

Comments
 (0)