.dark { border: 1px solid #282828; background-color: #111111; } .dark[tabulator-layout="fitColumns"] .tabulator-header .tabulator-col:last-child { border-right: none; } .dark .tabulator-header { background-color: #080808; } .dark .tabulator-header .tabulator-calcs-holder { border-top: 1px solid #393838; } .dark .tabulator-header .tabulator-calcs-holder .tabulator-row { background-color: #292929 !important; } .dark .tabulator-header .tabulator-col { border-right-color: #393838; background-color: #101010; } .dark .tabulator-header .tabulator-col.tabulator-row-header { border-right: 1px solid #393838 !important; } .dark .tabulator-header .tabulator-col.range-header-col { border-right: 2px solid #3FB449; } .dark .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols { border-top-color: #393838; border-bottom-color: #393838; } .dark .tabulator-header .tabulator-col input, .dark .tabulator-header .tabulator-col select { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 10px; border: 1px solid #4b4b4b; border-radius: 2px; background: #1f1f1f; color: #fff; outline: none; } .dark .tabulator-header .tabulator-col input:focus, .dark .tabulator-header .tabulator-col select:focus { border-color: #3FB449; } .dark .tabulator-header .tabulator-col input+input { margin-left: 5px; } .dark .tabulator-header .tabulator-cell { color: #ccc !important; } .dark .tabulator-tableholder::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } .dark .tabulator-tableholder::-webkit-scrollbar-track { background: #333; /* color of the tracking area */ } .dark .tabulator-tableholder::-webkit-scrollbar-thumb { background-color: #666; /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ border: 3px solid #333; /* creates padding around scroll thumb */ } .dark .tabulator-tableholder::-webkit-scrollbar-corner { background: #222; } .dark .tabulator-tableholder .tabulator-table { color: #fff; background-color: #111111; } .dark .tabulator-row { background-color: #151515; } .dark .tabulator-row.tabulator-row-even { background-color: #202020; } .dark .tabulator-row.tabulator-selectable:hover { background-color: #000; } .dark .tabulator-row.tabulator-selected { background-color: #009136; } .dark .tabulator-row.tabulator-selected:hover { background-color: #00531f; } .dark .tabulator-row.tabulator-group { border-right-color: #393838; } .dark .tabulator-row .tabulator-cell { border-right-color: #393838; } .dark .tabulator-row .tabulator-cell.tabulator-editing { border: 1px solid #3FB449; } .dark .tabulator-row .tabulator-cell input, .dark .tabulator-row .tabulator-cell select, .dark .tabulator-row .tabulator-cell textarea { background-color: #121212; color: #ccc; } .dark .tabulator-row .tabulator-cell .tabulator-data-tree-control { height: 14px; width: 14px; border: 2px solid #3FB449 !important; } .dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after { position: absolute; content: ""; left: -3px; top: 2px; height: 2px; width: 6px; background: #3FB449; } .dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand { height: 8px; width: 2px; background: #3FB449; } .dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after { position: absolute; content: ""; left: -3px; top: 3px; height: 2px; width: 8px; background: #3FB449; } .dark .tabulator-row .tabulator-cell .tabulator-data-tree-branch { border-left: 2px solid #3FB449; border-bottom: 2px solid #3FB449; } .dark .tabulator-row .tabulator-responsive-collapse { border-top: 1px solid #393838; border-bottom: 1px solid #393838; } .dark .tabulator-footer { background-color: #101010; } .dark .tabulator-footer .tabulator-calcs-holder { border-bottom: 1px solid #393838; } .dark .tabulator-footer .tabulator-calcs-holder .tabulator-row { background-color: #292929 !important; } .dark .tabulator-footer .tabulator-spreadsheet-tabs { margin-bottom: -2px; } .dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab { padding: 4px 10px; border-width: 0 1px 1px 1px; background-color: #000; color: #ececec; font-weight: normal; } .dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active { font-weight: bold; } .dark .tabulator-footer .tabulator-page, .dark .tabulator-footer .tabulator-page-size { background: #ebebeb; } .dark .tabulator-popup, .dark .tabulator-tooltip { color: #000; }