@@ -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
0 commit comments