diff --git a/misc/theme-rebellion/Makefile b/misc/theme-rebellion/Makefile index 0711ceeae..20a3f7b78 100644 --- a/misc/theme-rebellion/Makefile +++ b/misc/theme-rebellion/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-rebellion -PLUGIN_VERSION= 1.9.3 +PLUGIN_VERSION= 1.9.4 PLUGIN_COMMENT= A suitably dark theme PLUGIN_MAINTAINER= martin@queens-park.com PLUGIN_NO_ABI= yes diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/opnsense-bootgrid.css b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/opnsense-bootgrid.css new file mode 100644 index 000000000..76e0b46f3 --- /dev/null +++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/opnsense-bootgrid.css @@ -0,0 +1,276 @@ +/** +* Main theming elements +*/ +.tabulator { + font-size: 15px; + background-color: transparent; + border: 1px solid #E5E5E5; +} + +/* theme: header */ +.tabulator .tabulator-header { + background-color: transparent; + border-bottom: none; +} + +.tabulator .tabulator-header .tabulator-col { + border-right: 1px solid #E5E5E5; + background-color: transparent; + background: transparent; + color: #ECECEC; +} + +.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover { + background-color: #373736; +} + +.tabulator .tabulator-headers { + height: 100% !important; /* make sure the border below appears */ + border-bottom: 1px solid #E5E5E5; +} + +/*------------*/ +/* theme: body */ +.tabulator .tabulator-tableholder .tabulator-table { + background-color: transparent; +} + +.tabulator-row { + background-color: transparent; + color: #ECECEC; +} + +.tabulator-row.tabulator-row-odd { + background-color: #373736; +} + +.tabulator-row.tabulator-row-odd.tabulator-selectable:hover:not(.tabulator-selected) { + background-color: #373736; +} + +.tabulator-row.tabulator-row-even { + background-color: transparent; +} + +.tabulator-row.tabulator-row-even.tabulator-selectable:hover:not(.tabulator-selected) { + background-color: transparent; +} + +.tabulator .tabulator-tableholder { + background-color: transparent; + border-right: 1px solid #373736; +} + +.tabulator-row.tabulator-selected { + background-color: #9abcea; +} + +.tabulator-row.tabulator-selected:hover { + cursor: pointer; + background-color: #9abcea; +} + +.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg { + color: #ECECEC; /* spinner icon */ +} + +/* Command column styles */ +.tabulator-col.tabulator-frozen.tabulator-frozen-right { + background-color: #333333; +} + +.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right { + background-color: #333333; +} + +/* Checkbox column styles */ +.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left { + border-right: 1px solid #E5E5E5; /* separates checkbox column from table rows */ + border-left: 1px solid #373736; +} + +.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left { + border-right: 1px solid #E5E5E5; + border-top: 1px solid #373736; + border-bottom: 1px solid #E5E5E5; + border-left: 1px solid #373736; +} + +.tabulator-col.tabulator-row-header.tabulator-frozen.tabulator-frozen-left { + background-color: #333333; +} + +.tabulator-cell.tabulator-row-header.tabulator-frozen.tabulator-frozen-left { + background-color: #333333; +} + +/*------------*/ +/* theme: cells */ +.tabulator-row .tabulator-cell { + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.2; + vertical-align: top; + border-bottom: 1px solid rgba(229, 229, 229, 0.5); + border-right: 1px solid rgba(229, 229, 229, 0.5); +} + +/*-------------*/ +/* theme: footer */ +.tabulator .tabulator-footer { + border-top: 1px solid #E5E5E5; + background-color: transparent; +} + +.tabulator .tabulator-footer .tabulator-page { + background-color: #333333; + color: #C03E14; +} + +.tabulator .tabulator-footer .tabulator-page.active { + background-color: #C03E14; + border-color: #C03E14; + cursor: default; + color: #333333; +} + +.tabulator .tabulator-footer .tabulator-page:not(disabled):hover { + color: #7b280d; + background-color: #242937; + border-color: #ddd; +} + +.tabulator .tabulator-footer .tabulator-page:not(disabled).active:hover { + background-color: #C03E14; + border-color: #C03E14; + color: #333333; + cursor: default; +} + +.tabulator-page-counter { + color: #ECECEC; +} + +.tabulator .tabulator-footer .tabulator-paginator { + color: #ECECEC; +} + +.tabulator .tabulator-footer .tabulator-page { + border-radius: 0px; + margin: 0px; + padding: 6px 12px; + border: 1px solid #E5E5E5; +} + +/*----------*/ +/* end of main theming elements */ +.tabulator-paginator { + flex: 0 !important; +} + +.tabulator-page-counter { + flex: 1; + text-align: right; +} + +.tabulator-col-sorter i { + display: flex; + justify-content: center; + align-items: center; +} + +.tabulator .tabulator-header .tabulator-col { + padding: 5px; +} + +.tabulator .tabulator-headers > :first-child { + padding-left: 10px; +} + +.opnsense-bootgrid-responsive { + white-space: wrap !important; + text-overflow: inherit !important; + overflow: visible !important; + word-break: break-word !important; +} + +.opnsense-bootgrid-ellipsis { + overflow: hidden !important; + white-space: nowrap !important; + text-overflow: ellipsis !important; +} + +.tabulator-row > :first-child { + padding-left: 10px; +} + +.tabulator .tabulator-header .tabulator-col .tabulator-col-content { + padding: 0px; +} + +.tabulator-page-counter { + padding-right: 20px; +} + +.bootgrid-footer-commands { + width: 90px; + padding-left: 8px; +} + +.tabulator-tableholder::after { + content: ""; + display: block; + width: 1px; + height: 1px; + min-width: 100%; +} + +.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:first-child { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:last-child { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +/* border line corrections and hover/selection behavior */ +.tabulator-row:first-child > .tabulator-cell { + border-top: none; +} + +.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title { + padding: 0px; +} + +/* Row highlight behavior */ +@keyframes highlight { + 0% { + background: #ffff99; + } + 100% { + background: none; + } +} +.highlight-bg { + animation: highlight 2s; +} + +/* Tabulator "loading" and "error" overrides */ +.tabulator .tabulator-alert { + background: none; +} + +.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg { + border: none; +} + +.tabulator .tabulator-alert .tabulator-alert-msg { + background: initial; + font-size: 18px; +} + +.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error { + border: none; +}