Browse Source

Merge branch 'testing' into develop

pull/362/head
GilbN 3 years ago
parent
commit
5ef1a784ef
  1. 23
      .github/workflows/minify-and-deploy.yml
  2. 2
      css/base/adguard/adguard-base.css
  3. 30
      css/base/bazarr/bazarr-base.css
  4. 16
      css/base/bitwarden/bitwarden-base.css
  5. 34
      css/base/deluge/deluge-base.css
  6. 12
      css/base/duplicacy/duplicacy-base.css
  7. 14
      css/base/emby/emby-base.css
  8. 6
      css/base/filebrowser/filebrowser-base.css
  9. 10
      css/base/flood/flood-base.css
  10. 4
      css/base/gaps/gaps-base.css
  11. 18
      css/base/gitea/gitea-base.css
  12. 70
      css/base/grafana/grafana-base.css
  13. 32
      css/base/grafana/organizr-dashboard.css
  14. 14
      css/base/guacamole/guacamole-base.css
  15. 12
      css/base/jackett/jackett-base.css
  16. 8
      css/base/jellyfin/jellyfin-base.css
  17. 4
      css/base/kitana/kitana-base.css
  18. 2
      css/base/librespeed/librespeed-base.css
  19. 72
      css/base/lidarr/lidarr-base.css
  20. 54
      css/base/logarr/logarr-base.css
  21. 50
      css/base/monitorr/monitorr-base.css
  22. 14
      css/base/monitorr/organizr-dashboard.css
  23. 24
      css/base/mylar3/mylar3-base.css
  24. 14
      css/base/netdata/netdata-base.css
  25. 22
      css/base/nzbget/nzbget-base.css
  26. 4
      css/base/nzbhydra2/nzbhydra2-base.css
  27. 8
      css/base/ombi/ombi-base.css
  28. 42
      css/base/organizr/organizr-base.css
  29. 14
      css/base/petio/petio-base.css
  30. 4
      css/base/plpp/plpp-base.css
  31. 16
      css/base/portainer/portainer-base.css
  32. 64
      css/base/prowlarr/prowlarr-base.css
  33. 14
      css/base/qbittorrent/qbittorrent-base.css
  34. 64
      css/base/radarr/radarr-base.css
  35. 82
      css/base/readarr/readarr-base.css
  36. 8
      css/base/requestrr/requestrr-base.css
  37. 48
      css/base/rutorrent/rutorrent-base.css
  38. 26
      css/base/sabnzbd/sabnzbd-base.css
  39. 66
      css/base/sonarr/sonarr-base.css
  40. 34
      css/base/tautulli/tautulli-base.css
  41. 18
      css/base/transmission/transmission-base.css
  42. 2
      css/base/uptime-kuma/uptime-kuma-base.css
  43. 8
      css/base/vuetorrent/vuetorrent-base.css
  44. 2
      css/base/webtools/webtools-base.css
  45. 66
      css/base/whisparr/whisparr-base.css
  46. 6
      css/base/xbackbone/xbackbone-base.css

23
.github/workflows/minify-and-deploy.yml

@ -4,10 +4,21 @@ on:
branches: branches:
- master - master
- develop - develop
- testing
paths-ignore: paths-ignore:
- 'docker-mods/**' - 'docker-mods/**'
- '.vscode/**' - '.vscode/**'
- '.github/**' - '.github/**'
workflow_dispatch:
inputs:
branch:
description: 'Select branch'
required: true
type: choice
options:
- master
- develop
- testing
jobs: jobs:
deploy: deploy:
runs-on: ubuntu-latest runs-on: ubuntu-latest
@ -53,7 +64,7 @@ jobs:
done done
- name: Deploy - name: Deploy
uses: peaceiris/actions-gh-pages@v3 uses: peaceiris/actions-gh-pages@v3
if: ${{ github.ref == 'refs/heads/master' }} if: ${{ github.ref == 'refs/heads/master' || github.event.inputs.branch == 'master' }}
with: with:
publish_dir: ./ publish_dir: ./
publish_branch: live publish_branch: live
@ -61,9 +72,17 @@ jobs:
exclude_assets: '' exclude_assets: ''
- name: Deploy Develop - name: Deploy Develop
uses: peaceiris/actions-gh-pages@v3 uses: peaceiris/actions-gh-pages@v3
if: ${{ github.ref == 'refs/heads/develop' }} if: ${{ github.ref == 'refs/heads/develop' || github.event.inputs.branch == 'develop' }}
with: with:
publish_dir: ./ publish_dir: ./
publish_branch: live_develop publish_branch: live_develop
github_token: ${{ secrets.GITHUB_TOKEN }} github_token: ${{ secrets.GITHUB_TOKEN }}
exclude_assets: '' exclude_assets: ''
- name: Deploy Testing
uses: peaceiris/actions-gh-pages@v3
if: ${{ github.ref == 'refs/heads/testing' || github.event.inputs.branch == 'testing' }}
with:
publish_dir: ./
publish_branch: live_testing
github_token: ${{ secrets.GITHUB_TOKEN }}
exclude_assets: ''

2
css/base/adguard/adguard-base.css

@ -392,7 +392,7 @@ h6,
} }
.service__icon { .service__icon {
color: #eee; color: var(--text);
} }
/* LOGS */ /* LOGS */

30
css/base/bazarr/bazarr-base.css

@ -133,7 +133,7 @@ label,
.header-container input[type=text] { .header-container input[type=text] {
padding: 0; padding: 0;
transition: none; transition: none;
color: #fff; color: var(--text-hover);
border-radius: 0; border-radius: 0;
border: none; border: none;
border-bottom: 1px solid rgba(255, 255, 255, .3) !important; border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
@ -142,13 +142,13 @@ label,
.header-container input[type=text]:focus { .header-container input[type=text]:focus {
box-shadow: none; box-shadow: none;
color: #fff; color: var(--text-hover);
background-color: transparent !important; background-color: transparent !important;
border-color: rgb(var(--accent-color)) !important; border-color: rgb(var(--accent-color)) !important;
} }
.form-control { .form-control {
color: #FFF; color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08);
} }
@ -158,14 +158,14 @@ label,
border-color: rgba(255, 255, 255, 0.25) !important; border-color: rgba(255, 255, 255, 0.25) !important;
outline: 0; outline: 0;
box-shadow: none; box-shadow: none;
color: #fff; color: var(--text-hover);
} }
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: rgb(255 255 255 / 15%); background-color: rgb(255 255 255 / 15%);
opacity: .7; opacity: .7;
color: #fff; color: var(--text-hover);
border: 1px solid rgb(255 255 255 / 15%); border: 1px solid rgb(255 255 255 / 15%);
} }
@ -175,11 +175,11 @@ label,
} }
.form-group i { .form-group i {
color: #ffffff; color: var(--text-hover);
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
color: #eee; color: var(--text);
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25) !important;
border: 1px solid transparent !important; border: 1px solid transparent !important;
@ -484,7 +484,7 @@ hr {
} }
.modal-content .badge-secondary { .modal-content .badge-secondary {
color: #fff; color: var(--text-hover);
background-color: var(--accent-color); background-color: var(--accent-color);
padding: 5px; padding: 5px;
} }
@ -498,13 +498,13 @@ hr {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
color: #eee; color: var(--text);
text-shadow: 0 1px 0 #eee; text-shadow: 0 1px 0 var(--text);
opacity: .5; opacity: .5;
} }
.close:hover { .close:hover {
color: #fff !important; var(--text) !important;
text-decoration: none; text-decoration: none;
} }
@ -655,7 +655,7 @@ hr {
} }
.custom-control-input:not(:disabled):active~.custom-control-label:before { .custom-control-input:not(:disabled):active~.custom-control-label:before {
color: #fff; color: var(--text-hover);
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
border-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color));
} }
@ -727,7 +727,7 @@ input {
.custom-selector .selector__control { .custom-selector .selector__control {
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important;
color: #fff; color: var(--text-hover);
} }
[class$="-singleValue"], [class$="-singleValue"],
@ -762,13 +762,13 @@ input {
.custom-selector .selector__option--is-focused { .custom-selector .selector__option--is-focused {
background-color: rgba(var(--accent-color), .2); background-color: rgba(var(--accent-color), .2);
color: #fff; color: var(--text-hover);
} }
.custom-selector .selector__option--is-focused:active, .custom-selector .selector__option--is-focused:active,
.custom-selector .selector__option--is-focused:focus { .custom-selector .selector__option--is-focused:focus {
background-color: rgba(var(--accent-color), .2); background-color: rgba(var(--accent-color), .2);
color: #fff; color: var(--text-hover);
} }
.custom-selector .selector__option--is-selected { .custom-selector .selector__option--is-selected {

16
css/base/bitwarden/bitwarden-base.css

@ -130,7 +130,7 @@ html[class*="theme_"] .card-header,
html[class*="theme_"] .card-header { html[class*="theme_"] .card-header {
background-color: rgb(0 0 0 / 45%); background-color: rgb(0 0 0 / 45%);
color: #fff; color: var(--text-hover);
} }
.card { .card {
@ -164,7 +164,7 @@ html[class*="theme_"] .password-number {
} }
html[class*="theme_"] .password-letter { html[class*="theme_"] .password-letter {
color: white; color: var(--text-hover);
} }
html[class*="theme_"] app-vault-groupings .card .card-body a, html[class*="theme_"] app-vault-groupings .card .card-body a,
@ -215,7 +215,7 @@ html[class*="theme_"] .close {
.close, .close,
.close:hover { .close:hover {
color: #fff; color: var(--text-hover);
} }
.close:focus { .close:focus {
@ -256,7 +256,7 @@ html[class*="theme_"] .close {
.btn-primary, .btn-primary,
.swal2-popup .swal2-actions button.swal2-confirm { .swal2-popup .swal2-actions button.swal2-confirm {
color: #fff; color: var(--text-hover);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
} }
@ -318,7 +318,7 @@ html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text {
html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-menu,
html[class*="theme_"] .dropdown-item { html[class*="theme_"] .dropdown-item {
background: #1f1f1f; background: #1f1f1f;
color: #fff; color: var(--text-hover);
} }
html[class*="theme_"] .dropdown-item, html[class*="theme_"] .dropdown-item,
@ -349,7 +349,7 @@ html[class*="theme_"] app-org-vault-groupings .card #search,
html[class*="theme_"] .groupings .card #search { html[class*="theme_"] .groupings .card #search {
background-color: transparent; background-color: transparent;
border-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color));
color: #fff; color: var(--text-hover);
} }
/* SETTINGS */ /* SETTINGS */
@ -561,7 +561,7 @@ html[class*="theme_"] .org-nav .nav-tabs a:not(.active) {
} }
app-vault-groupings .card .card-body a:hover.text-muted { app-vault-groupings .card .card-body a:hover.text-muted {
color: #fff !important; color: var(--text-hover) !important;
opacity: 1 !important; opacity: 1 !important;
} }
@ -656,7 +656,7 @@ html[class*="theme_"] .groupings .card .card-body a {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 3; z-index: 3;
color: #fff; color: var(--text-hover);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
} }

34
css/base/deluge/deluge-base.css

@ -28,7 +28,7 @@
} }
input { input {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* scroller */ /* scroller */
@ -78,7 +78,7 @@
} }
.x-item-disabled { .x-item-disabled {
color: #aaaaaa; color: var(--text-muted)
} }
.x-item-disabled * { .x-item-disabled * {
@ -86,16 +86,16 @@
} }
.x-splitbar-proxy { .x-splitbar-proxy {
background-color: #aaa; background-color: var(--text)
} }
.x-color-palette a { .x-color-palette a {
border-color: #fff; border-color: var(--text-hover)
} }
.x-color-palette a:hover, .x-color-palette a:hover,
.x-color-palette a.x-color-palette-sel { .x-color-palette a.x-color-palette-sel {
border-color: #CFCFCF; border-color: var(--text);
background-color: #eaeaea; background-color: #eaeaea;
} }
@ -285,13 +285,13 @@
} }
.x-spotlight { .x-spotlight {
background-color: #ccc; background-color: var(--text);
} }
.x-tab-panel-header, .x-tab-panel-header,
.x-tab-panel-footer { .x-tab-panel-footer {
background: var(--main-bg-color); background: var(--main-bg-color);
border-color: #d0d0d0; border-color: var(--text);
overflow: hidden; overflow: hidden;
zoom: 1; zoom: 1;
padding-bottom: 0; padding-bottom: 0;
@ -1337,7 +1337,7 @@
} }
.x-pivotgrid .x-grid3-row-headers table td { .x-pivotgrid .x-grid3-row-headers table td {
background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top; background: var(--text) url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
border-left: 1px solid; border-left: 1px solid;
border-right: 1px solid; border-right: 1px solid;
border-left-color: #EEE; border-left-color: #EEE;
@ -1462,7 +1462,7 @@
} }
.x-tree-node { .x-tree-node {
color: #cccccc; color: var(--text);
font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif; font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
} }
@ -1473,12 +1473,12 @@
.x-tree-node a, .x-tree-node a,
.x-dd-drag-ghost a { .x-dd-drag-ghost a {
color: #cccccc; color: var(--text);
} }
.x-tree-node a span, .x-tree-node a span,
.x-dd-drag-ghost a span { .x-dd-drag-ghost a span {
color: #cccccc; color: var(--text);
} }
.x-tree-node .x-tree-node-disabled a span { .x-tree-node .x-tree-node-disabled a span {
@ -1539,12 +1539,12 @@
.x-date-left, .x-date-left,
.x-date-right { .x-date-right {
//background-image: url(../images/gray/shared/hd-sprite.gif); //background-image: url(../images/gray/shared/hd-sprite.gif);
color: #fff; color: var(--text-hover);
font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica; font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica;
} }
.x-date-middle .x-btn .x-btn-text { .x-date-middle .x-btn .x-btn-text {
color: #fff; color: var(--text-hover);
} }
.x-panel-tbar .x-btn-text { .x-panel-tbar .x-btn-text {
@ -1577,7 +1577,7 @@
} }
.x-date-inner td { .x-date-inner td {
border-color: #fff; border-color: var(--text)
} }
.x-date-inner a { .x-date-inner a {
@ -1644,7 +1644,7 @@
.x-date-mp-btns button { .x-date-mp-btns button {
background-color: #4E565F; background-color: #4E565F;
color: #fff; color: var(--text-hover);
border-color: #C0C0C0 #434343 #434343 #C0C0C0; border-color: #C0C0C0 #434343 #434343 #C0C0C0;
font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif; font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif;
} }
@ -2143,7 +2143,7 @@
} }
.x-window-tl .x-window-header { .x-window-tl .x-window-header {
color: #ffffff; var(--text-hover);
font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif; font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif;
} }
@ -2224,7 +2224,7 @@
} }
.x-dlg-mask { .x-dlg-mask {
background-color: #ccc; background-color: var(--text);
} }
.x-window-plain .x-window-mc { .x-window-plain .x-window-mc {

12
css/base/duplicacy/duplicacy-base.css

@ -240,7 +240,7 @@ label {
cursor: default; cursor: default;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
border: 1px solid rgba(255, 255, 255, .25); border: 1px solid rgba(255, 255, 255, .25);
border-bottom-color: #eee; border-bottom-color: var(--text);
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
} }
@ -513,7 +513,7 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left,
.btn-danger.btn-fill { .btn-danger.btn-fill {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: #eee; color: var(--text);
} }
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
@ -523,25 +523,25 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
.btn-danger.btn-fill:hover, .btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus { .btn-danger.btn-fill:focus {
border-color: #ec2626; border-color: #ec2626;
color: #fff; color: var(--text-hover);
background-color: #ec2626; background-color: #ec2626;
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: #eee; color: var(--text);
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover, div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
border-color: #ec2626; border-color: #ec2626;
color: #fff; color: var(--text-hover);
background-color: #ec2626; background-color: #ec2626;
} }
.close { .close {
color: #fff var(--text-hover);
} }
.navbar .navbar-nav>li>a.btn-success, .navbar .navbar-nav>li>a.btn-success,

14
css/base/emby/emby-base.css

@ -237,7 +237,7 @@ html {
.dialog-blur, .dialog-blur,
.toast { .toast {
color: #fff; color: var(--text-hover);
background: rgba(56, 56, 56, .76); background: rgba(56, 56, 56, .76);
-webkit-backdrop-filter: blur(2.5em) saturate(1.8); -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
backdrop-filter: blur(2.5em) saturate(1.8); backdrop-filter: blur(2.5em) saturate(1.8);
@ -278,7 +278,7 @@ html {
.emby-select-tv-withcolor:focus { .emby-select-tv-withcolor:focus {
background-color: rgb(var(--theme-primary-color)) !important; background-color: rgb(var(--theme-primary-color)) !important;
color: #fff !important color: var(--text-hover) !important
} }
.checkboxLabel { .checkboxLabel {
@ -361,7 +361,7 @@ html {
.alphaPickerButton-tv:focus { .alphaPickerButton-tv:focus {
background-color: rgb(var(--theme-primary-color)); background-color: rgb(var(--theme-primary-color));
color: #fff !important color: var(--text-hover) !important
} }
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
@ -459,7 +459,7 @@ html {
.emby-button-focusscale:focus, .emby-button-focusscale:focus,
.emby-button-focusscale:focus .detailButton-icon { .emby-button-focusscale:focus .detailButton-icon {
background: rgb(var(--theme-primary-color)); background: rgb(var(--theme-primary-color));
color: #fff color: var(--text-hover)
} }
.emby-tab-button { .emby-tab-button {
@ -568,7 +568,7 @@ html {
.channelCell:focus, .channelCell:focus,
.programCell:focus { .programCell:focus {
background-color: rgb(var(--theme-primary-color)); background-color: rgb(var(--theme-primary-color));
color: #fff color: var(--text-hover)
} }
.guide-programTextIcon { .guide-programTextIcon {
@ -688,7 +688,7 @@ html {
} }
.scrollbuttoncontainer { .scrollbuttoncontainer {
color: #fff; color: var(--text-hover);
background: rgba(20, 20, 20, .5) background: rgba(20, 20, 20, .5)
} }
@ -715,7 +715,7 @@ html {
.dragging-over.full-drop-target { .dragging-over.full-drop-target {
background: rgb(var(--theme-primary-color)) !important; background: rgb(var(--theme-primary-color)) !important;
color: #fff !important color: var(--text-hover) !important
} }
.dragging-over-top:before { .dragging-over-top:before {

6
css/base/filebrowser/filebrowser-base.css

@ -47,7 +47,7 @@ input:focus:-ms-input-placeholder {
} }
.message { .message {
color: #FFF; color: var(--text-hover);
} }
#login { #login {
@ -204,7 +204,7 @@ body {
} }
.action { .action {
color: #FFF; color: var(--text-hover);
} }
#listing.list .item { #listing.list .item {
@ -514,7 +514,7 @@ input[type=submit]:hover {
.button--flat:hover { .button--flat:hover {
background: var(--dark-red); background: var(--dark-red);
color: #FFF; color: var(--text-hover);
margin-left: 5px; margin-left: 5px;
} }

10
css/base/flood/flood-base.css

@ -100,7 +100,7 @@ p,
.input, .input,
.inverse .input { .inverse .input {
background: rgba(255, 255, 255, .05); background: rgba(255, 255, 255, .05);
color: #fff; color: var(--text-hover);
border: 1px solid #0000; border: 1px solid #0000;
box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0); box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0);
} }
@ -304,7 +304,7 @@ p,
.error { .error {
background: #f34570; background: #f34570;
border-radius: 3px; border-radius: 3px;
color: #fff; color: var(--text-hover);
padding: 8px 12px; padding: 8px 12px;
transition: opacity .25s; transition: opacity .25s;
} }
@ -547,7 +547,7 @@ p,
background: rgba(var(--accent-color), .25); background: rgba(var(--accent-color), .25);
border-bottom: 1px solid rgba(var(--accent-color), .3); border-bottom: 1px solid rgba(var(--accent-color), .3);
border-top: 1px solid rgba(var(--accent-color), .3); border-top: 1px solid rgba(var(--accent-color), .3);
color: #eee; color: var(--text);
padding-right: 45px; padding-right: 45px;
} }
@ -563,7 +563,7 @@ p,
} }
.search .icon { .search .icon {
fill: white; fill: var(--text-hover);
} }
.dark .sidebar__diskusage .progress-bar__fill, .dark .sidebar__diskusage .progress-bar__fill,
@ -577,7 +577,7 @@ p,
} }
.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon { .torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
color: #ffffff; color: var(--text-hover);
} }
.torrent--is-selected.torrent--is-stopped .progress-bar__fill { .torrent--is-selected.torrent--is-stopped .progress-bar__fill {

4
css/base/gaps/gaps-base.css

@ -104,7 +104,7 @@ label {
} }
.alert-heading { .alert-heading {
color: white !important; color: var(--text-hover) !important;
} }
/* Header */ /* Header */
@ -386,7 +386,7 @@ select {
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
color: #fff; color: var(--text-hover);
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: rgb(var(--accent-color), .15); background-color: rgb(var(--accent-color), .15);

18
css/base/gitea/gitea-base.css

@ -546,7 +546,7 @@ input:hover,
textarea:hover { textarea:hover {
border-color: rgb(255 255 255 / 20%); border-color: rgb(255 255 255 / 20%);
background: rgb(0 0 0 / .25); background: rgb(0 0 0 / .25);
color: #fff; color: var(--text-hover);
} }
.ui.dropdown .menu>.item { .ui.dropdown .menu>.item {
@ -563,7 +563,7 @@ textarea:hover {
.ui.selection.dropdown { .ui.selection.dropdown {
background: rgb(0 0 0 / .25); background: rgb(0 0 0 / .25);
color: #fff; color: var(--text-hover);
border-color: rgb(255 255 255 / 10%); border-color: rgb(255 255 255 / 10%);
} }
@ -611,7 +611,7 @@ textarea:hover {
} }
.ui.negative.message p { .ui.negative.message p {
color: white !important; color: var(--text-hover) !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -621,7 +621,7 @@ textarea:hover {
} }
.ui.positive.message p { .ui.positive.message p {
color: white !important; color: var(--text-hover) !important;
} }
/* DASHBOARD */ /* DASHBOARD */
@ -1012,7 +1012,7 @@ a.ui.card:hover {
/* ISSUES */ /* ISSUES */
.CodeMirror-cursor { .CodeMirror-cursor {
border-left: 1px solid #fff; border-left: 1px solid var(--text)
} }
.CodeMirror, .CodeMirror,
@ -1027,7 +1027,7 @@ a.ui.card:hover {
.editor-toolbar a, .editor-toolbar a,
.editor-toolbar button { .editor-toolbar button {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.editor-toolbar { .editor-toolbar {
@ -1103,7 +1103,7 @@ a.ui.card:hover {
.repository.view.issue .comment-list .timeline-item .badge { .repository.view.issue .comment-list .timeline-item .badge {
background-color: rgb(var(--accent-color)); background-color: rgb(var(--accent-color));
border: 2px solid rgb(var(--accent-color)); border: 2px solid rgb(var(--accent-color));
color: #fff; color: var(--text-hover);
} }
.issue.list>.item .desc .overdue { .issue.list>.item .desc .overdue {
@ -1370,7 +1370,7 @@ a.ui.basic.label:hover,
} }
.repo-title { .repo-title {
color: #ffffff; color: var(--text-hover);
} }
/* LABELS */ /* LABELS */
@ -1418,7 +1418,7 @@ a.ui.labels .label:hover {
margin: -6px -10px -4px 0; margin: -6px -10px -4px 0;
padding: 5px 4px 5px 6px; padding: 5px 4px 5px 6px;
border: 0; border: 0;
border-left: 1px solid #fff; border-left: 1px solid var(--text-hover);
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }

70
css/base/grafana/grafana-base.css

@ -152,7 +152,7 @@ p {
-moz-background-size: auto, cover !important; -moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important; -o-background-size: auto, cover !important;
background-color: rgba(0, 0, 0, .0) !important; background-color: rgba(0, 0, 0, .0) !important;
color: #FFFFFF !important; color: var(--text-hover) !important;
} }
.login-branding { .login-branding {
@ -170,11 +170,11 @@ p {
.card-item-sub-name, .card-item-sub-name,
.card-item-type { .card-item-type {
color: #FFF !important; color: var(--text-hover) !important;
} }
.gf-form--has-input-icon .gf-form-input-icon { .gf-form--has-input-icon .gf-form-input-icon {
color: #fff !important; color: var(--text-hover) !important;
} }
.gf-tabs-link.active, .gf-tabs-link.active,
@ -197,12 +197,12 @@ p {
.layout-selector button { .layout-selector button {
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
color: #ffffff; color: var(--text-hover);
} }
.layout-selector button.active { .layout-selector button.active {
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
color: #ffffff; color: var(--text-hover);
} }
/* Configuration menu - Teams */ /* Configuration menu - Teams */
@ -302,7 +302,7 @@ p {
.icon-circle:hover .fa:hover, .icon-circle:hover .fa:hover,
.icon-circle:hover .gicon:hover, .icon-circle:hover .gicon:hover,
.icon-circle:hover .icon-gf:hover { .icon-circle:hover .icon-gf:hover {
color: #ffffff; color: var(--text-hover);
opacity: 1; opacity: 1;
} }
@ -323,7 +323,7 @@ p {
} }
.navbar-page-btn { .navbar-page-btn {
color: #FFFFFF !important; color: var(--text-hover) !important;
} }
/* dropdown menu */ /* dropdown menu */
@ -374,7 +374,7 @@ p {
} }
.search-section__header { .search-section__header {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.navbar-page-btn__folder { .navbar-page-btn__folder {
@ -405,11 +405,11 @@ p {
} }
.dashboard-settings__aside-header { .dashboard-settings__aside-header {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.dashboard-settings__nav-item { .dashboard-settings__nav-item {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.bootstrap-tagsinput { .bootstrap-tagsinput {
@ -435,7 +435,7 @@ p {
.gf-form-switch__checkbox { .gf-form-switch__checkbox {
border: none; border: none;
background: #ffffff; background: var(--text-hover);
} }
.gf-form-select-box__option { .gf-form-select-box__option {
@ -450,7 +450,7 @@ p {
} }
.gf-form-select-box__option.gf-form-select-box__option--is-focused { .gf-form-select-box__option.gf-form-select-box__option--is-focused {
color: #fff; color: var(--text-hover);
-o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);
border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color)))); border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color))));
border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%); border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);
@ -490,17 +490,17 @@ p {
padding: 7.4px 10px !important; padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important; border: none !important;
color: #FFFFFF !important; color: var(--text-hover) !important;
} }
/* Variable input box */ /* Variable input box */
.gf-form-input { .gf-form-input {
color: #FFFFFF !important; color: var(--text-hover) !important;
border: none !important; border: none !important;
} }
.gf-form-input:focus { .gf-form-input:focus {
color: #FFF !important; color: var(--text-hover) !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -510,7 +510,7 @@ p {
} }
.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option { .gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option {
color: #fff; color: var(--text-hover);
background: #1f1f1f; background: #1f1f1f;
} }
@ -520,7 +520,7 @@ p {
/* NAVBAR BUTTONS */ /* NAVBAR BUTTONS */
.navbar-button { .navbar-button {
color: #FFF !important; color: var(--text-hover) !important;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important;
border: none !important; border: none !important;
@ -561,18 +561,18 @@ p {
/* Panel text color*/ /* Panel text color*/
div.flot-text { div.flot-text {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* panel loading circle*/ /* panel loading circle*/
.panel-loading { .panel-loading {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* panel resize arrow */ /* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after { .theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important; border-right: 2px solid var(--text-hover) !important;
border-bottom: 2px solid #fff !important; border-bottom: 2px solid var(--text-hover) !important;
} }
/* table panel background color */ /* table panel background color */
@ -705,7 +705,7 @@ div>.scrollbar-view>div>[class*="css-"],
} }
.toolbar__main { .toolbar__main {
color: #ffffff; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
border: transparent; border: transparent;
} }
@ -729,17 +729,17 @@ div>.scrollbar-view>div>[class*="css-"],
/* buttons /* buttons
.btn-inverse { .btn-inverse {
border-color: #b56d16 !important; border-color: #b56d16 !important;
color: #fff !important; color: var(--text-hover) !important;
background-color: #cc7b19 !important; background-color: #cc7b19 !important;
-webkit-transition: background-color .1s !important; -webkit-transition: background-color .1s !important;
transition: background-color .1s !important; transition: background-color .1s !important;
} }
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] { .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
color: #fff; color: var(--text-hover);
background-color: #e59029 !important; background-color: #e59029 !important;
} }
.btn-outline-disabled { .btn-outline-disabled {
color: #fff; color: var(--text-hover);
}*/ }*/
.btn-inverse { .btn-inverse {
@ -782,7 +782,7 @@ border-color: #b56d16 !important;
/* Explore */ /* Explore */
.query-transaction { .query-transaction {
color: #fff; color: var(--text-hover);
} }
.query-type-toggle .btn.active { .query-type-toggle .btn.active {
@ -831,7 +831,7 @@ border-color: #b56d16 !important;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border-bottom: 1px solid #d8d9da; border-bottom: 1px solid #d8d9da;
color: #eee; color: var(--text);
} }
.modal-body, .modal-body,
@ -844,7 +844,7 @@ border-color: #b56d16 !important;
-webkit-background-size: auto, cover !important; -webkit-background-size: auto, cover !important;
-moz-background-size: auto, cover !important; -moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important; -o-background-size: auto, cover !important;
color: #eee; color: var(--text);
} }
@ -901,12 +901,12 @@ button[class$="-button"]:active,
} }
.css-1d9e5zy-button { .css-1d9e5zy-button {
color: #fff; color: var(--text-hover);
background: var(--button-color) background: var(--button-color)
} }
.css-1d9e5zy-button:hover { .css-1d9e5zy-button:hover {
color: #fff; color: var(--text-hover);
background: var(--button-color-hover) background: var(--button-color-hover)
} }
@ -1069,7 +1069,7 @@ body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container
.css-17abkeq, .css-17abkeq,
.css-5ak73y { .css-5ak73y {
color: #fff; color: var(--text-hover);
} }
@ -1083,7 +1083,7 @@ body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container
.css-cxwxzk-Label-description, .css-cxwxzk-Label-description,
.css-n370st { .css-n370st {
color: #eee; color: var(--text);
} }
.css-10pj50r, .css-10pj50r,
@ -1297,13 +1297,13 @@ input:checked+.gf-form-switch__slider {
/*Placeholder text*/ /*Placeholder text*/
::placeholder { ::placeholder {
color: #fff !important; color: var(--text-hover) !important;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: #fff !important; color: var(--text-hover) !important;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #fff !important; color: var(--text-hover) !important;
} }

32
css/base/grafana/organizr-dashboard.css

@ -20,7 +20,7 @@ body {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important; background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
} }
div.flot-text { div.flot-text {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* Loading page */ /* Loading page */
.theme-dark, .theme-light, .preloader { .theme-dark, .theme-light, .preloader {
@ -56,7 +56,7 @@ div.flot-text {
left: 0px !important; left: 0px !important;
} }
.navbar-page-btn { .navbar-page-btn {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* Panel fullscreen navbar */ /* Panel fullscreen navbar */
@ -112,7 +112,7 @@ div.flot-text {
box-shadow: none; box-shadow: none;
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
border: 1px solid #00000000; border: 1px solid #00000000;
color: #fff; color: var(--text-hover);
} }
/* Variable label color */ /* Variable label color */
.template-variable { .template-variable {
@ -123,10 +123,10 @@ div.flot-text {
.gf-form-label { .gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important; border: none !important;
color: #FFF; color: var(--text-hover);
} }
.gf-form-input:focus { .gf-form-input:focus {
color: #FFF !important; color: var(--text-hover) !important;
background-color: #262626 !important; background-color: #262626 !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
@ -153,7 +153,7 @@ div.flot-text {
/* NAVBAR BUTTONS */ /* NAVBAR BUTTONS */
.navbar-button { .navbar-button {
color: #FFF !important; color: var(--text-hover) !important;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important; background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important; border: none !important;
@ -188,18 +188,18 @@ background-color: transparent;
/* Panel text color*/ /* Panel text color*/
div.flot-text { div.flot-text {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* panel loading circle*/ /* panel loading circle*/
.panel-loading { .panel-loading {
color: #FFF !important; color: var(--text-hover) !important;
} }
/* panel resize arrow */ /* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after { .theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important; border-right: 2px solid var(--text-hover) !important;
border-bottom: 2px solid #fff !important; border-bottom: 2px solid var(--text-hover) !important;
} }
/* table panel background color */ /* table panel background color */
@ -310,8 +310,8 @@ background: var(--button-color-hover) !important;
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
box-shadow: none !important; box-shadow: none !important;
} }
.css-1d9e5zy-button {color: #fff; background: var(--button-color)} .css-1d9e5zy-button {color: var(--text-hover); background: var(--button-color)}
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)} .css-1d9e5zy-button:hover {color: var(--text-hover); background: var(--button-color-hover)}
/*INPUT*/ /*INPUT*/
input:focus {box-shadow: none !important;} input:focus {box-shadow: none !important;}
@ -429,7 +429,7 @@ margin: 10px 0px 0px;
.css-1as70ku, .css-u5zjuh { .css-1as70ku, .css-u5zjuh {
background: rgba(0, 0, 0, .25);} background: rgba(0, 0, 0, .25);}
.css-17abkeq, .css-5ak73y { .css-17abkeq, .css-5ak73y {
color: #fff; color: var(--text-hover);
} }
@ -594,6 +594,6 @@ border-top: 3px solid var(--accent-color);
background: hsla(0,0%,100%,.15) !important; background: hsla(0,0%,100%,.15) !important;
} }
/*Placeholder text*/ /*Placeholder text*/
::placeholder {color: #fff !important;} ::placeholder {color: var(--text-hover) !important;}
:-ms-input-placeholder {color: #fff !important;} :-ms-input-placeholder {color: var(--text-hover) !important;}
::-webkit-input-placeholder {color: #fff !important;} ::-webkit-input-placeholder {color: var(--text-hover) !important;}

14
css/base/guacamole/guacamole-base.css

@ -179,7 +179,7 @@ input[type=email],
input[type=number], input[type=number],
input[type=password], input[type=password],
textarea { textarea {
color: white !important; color: var(--text-hover) !important;
background: rgba(0, 0, 0, 0.25) !important; background: rgba(0, 0, 0, 0.25) !important;
} }
@ -415,7 +415,7 @@ textarea {
.clipboard, .clipboard,
.clipboard-service-target { .clipboard-service-target {
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
color: white; color: var(--text-hover);
} }
/* NOTIFICATION BOX */ /* NOTIFICATION BOX */
@ -428,7 +428,7 @@ textarea {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
.notification { .notification {
@ -440,16 +440,16 @@ textarea {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
/* SETTINGS */ /* SETTINGS */
.page-tabs .page-list li a[href]:visited { .page-tabs .page-list li a[href]:visited {
color: white; color: var(--text-hover);
} }
.page-tabs .page-list li a[href] { .page-tabs .page-list li a[href] {
color: white; color: var(--text-hover);
} }
.page-tabs .page-list li a[href]:hover { .page-tabs .page-list li a[href]:hover {
@ -577,7 +577,7 @@ form:not(.inline) fieldset {
} }
label span { label span {
color: white !important; color: var(--text-hover) !important;
} }
input[type=radio] { input[type=radio] {

12
css/base/jackett/jackett-base.css

@ -94,13 +94,13 @@ hr {
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #fff; color: var(--text-hover);
} }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #fff !important; color: var(--text-hover) !important;
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
} }
@ -143,7 +143,7 @@ a:hover {
background: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.08);
border: none; border: none;
outline: none; outline: none;
color: #fff; color: var(--text-hover);
} }
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child th,
@ -314,7 +314,7 @@ fieldset[disabled] .form-control {
} }
.close { .close {
color: #fff; color: var(--text-hover);
} }
.btn-default { .btn-default {
@ -402,14 +402,14 @@ fieldset[disabled] .btn-primary:hover {
} }
.input-group-addon { .input-group-addon {
color: #fff; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #0000; border: 1px solid #0000;
} }
.alert-info { .alert-info {
color: #ffffff; color: var(--text-hover);
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;

8
css/base/jellyfin/jellyfin-base.css

@ -241,7 +241,7 @@ html {
.dialog-blur, .dialog-blur,
.toast { .toast {
color: #fff; color: var(--text-hover);
background: rgba(56, 56, 56, .76); background: rgba(56, 56, 56, .76);
-webkit-backdrop-filter: blur(2.5em) saturate(1.8); -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
backdrop-filter: blur(2.5em) saturate(1.8); backdrop-filter: blur(2.5em) saturate(1.8);
@ -702,7 +702,7 @@ html {
} }
.scrollbuttoncontainer { .scrollbuttoncontainer {
color: #fff; color: var(--text-hover);
background: rgba(20, 20, 20, .5) background: rgba(20, 20, 20, .5)
} }
@ -771,13 +771,13 @@ html {
} }
.cardImageIcon { .cardImageIcon {
color: #fff; color: var(--text-hover);
} }
.dialog .inputLabelFocused, .dialog .inputLabelFocused,
.selectLabelFocused, .selectLabelFocused,
.textareaLabelFocused { .textareaLabelFocused {
color: #fff; color: var(--text-hover);
} }

4
css/base/kitana/kitana-base.css

@ -93,7 +93,7 @@ label {
/* DROPDOWN MENU */ /* DROPDOWN MENU */
.dropdown-menu { .dropdown-menu {
color: #fff; color: var(--text-hover);
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -225,7 +225,7 @@ ul li:hover {
} }
.custom-control-input:not(:disabled):active~.custom-control-label::before { .custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff; color: var(--text-hover);
background-color: #97b3d2; background-color: #97b3d2;
border-color: #97b3d2 border-color: #97b3d2
} }

2
css/base/librespeed/librespeed-base.css

@ -101,7 +101,7 @@ a:-webkit-any-link:hover {
input { input {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
color: white; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
-webkit-rtl-ordering: logical; -webkit-rtl-ordering: logical;
Font-size: 16px; Font-size: 16px;

72
css/base/lidarr/lidarr-base.css

@ -112,7 +112,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -152,18 +152,18 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
[class*="ModalContent-closeButton-"]:hover { [class*="ModalContent-closeButton-"]:hover {
color: #fff; color: var(--text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -211,7 +211,7 @@ a:hover {
/* LIDARR SPECIFIC */ /* LIDARR SPECIFIC */
[class*="ArtistSearchInput-sectionTitle-"] { [class*="ArtistSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] { [class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] {
@ -224,7 +224,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -318,6 +318,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -405,7 +409,7 @@ a:hover {
[class*="ArtistDetailsSeason-albumCount-"], [class*="ArtistDetailsSeason-albumCount-"],
[class*="ArtistDetails-metadataMessage-"], [class*="ArtistDetails-metadataMessage-"],
[class*="ArtistDetailsSeason-albumCount-"] { [class*="ArtistDetailsSeason-albumCount-"] {
color: #fff; color: var(--text-hover);
} }
[class*="ArtistDetailsSeason-albums-"] { [class*="ArtistDetailsSeason-albums-"] {
@ -444,7 +448,7 @@ a:hover {
/*ARTIST ALBUM PAGE*/ /*ARTIST ALBUM PAGE*/
[class*="AlbumDetailsMedium-mediumNumber-"] { [class*="AlbumDetailsMedium-mediumNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="AlbumDetailsMedium-medium-"] { [class*="AlbumDetailsMedium-medium-"] {
@ -473,7 +477,7 @@ a:hover {
[class*="ArtistIndexBanner-title-"], [class*="ArtistIndexBanner-title-"],
[class*="ArtistIndexBannerInfo-info-"] { [class*="ArtistIndexBannerInfo-info-"] {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #fff; color: var(--text-hover);
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
@ -484,7 +488,7 @@ a:hover {
[class*="Tooltip-tooltipContainer-"], [class*="Tooltip-tooltipContainer-"],
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
background: #1f1f1f; background: #1f1f1f;
color: #eee; color: var(--text);
} }
/* /*
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
@ -515,7 +519,7 @@ a:hover {
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
color: #ffffff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
@ -669,7 +673,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* SEARCH BAR */ /* SEARCH BAR */
@ -679,12 +683,12 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
[class*="ArtistSearchInput-container-"] [class*="Input-input-"] { [class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
background: transparent; background: transparent;
border-bottom: solid 1px #fff; border-bottom: solid 1px var(--text-hover);
} }
[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus { [class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus {
@ -693,20 +697,20 @@ a:hover {
} }
[class*="ArtistSearchResult-alternateTitle-"] { [class*="ArtistSearchResult-alternateTitle-"] {
color: #ffffff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
[class*="TagInput-input-"][class*="TagInput-isFocused-"] { [class*="TagInput-input-"][class*="TagInput-isFocused-"] {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
} }
@ -722,7 +726,7 @@ a:hover {
} }
[class*="AddNewArtistSearchResult-year-"] { [class*="AddNewArtistSearchResult-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="AddNewArtistSearchResult-searchResult-"], [class*="AddNewArtistSearchResult-searchResult-"],
@ -740,7 +744,7 @@ a:hover {
} }
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"], [class*="RootFolderSelectInputOption-freeSpace-"],
@ -759,7 +763,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #FFF; color: var(--text-hover);
border: 1px solid transparent; border: 1px solid transparent;
} }
@ -810,7 +814,7 @@ input:focus:-ms-input-placeholder {
/* IMPORT */ /* IMPORT */
/* Text color */ /* Text color */
[class*="ImportArtistSelectFolder-header-"] { [class*="ImportArtistSelectFolder-header-"] {
color: #FFF; color: var(--text-hover);
} }
[class*="ExpandingFileDetails-fileDetails-"] { [class*="ExpandingFileDetails-fileDetails-"] {
@ -823,7 +827,7 @@ input:focus:-ms-input-placeholder {
[class*="ImportArtistSelectArtist-button-"] { [class*="ImportArtistSelectArtist-button-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
color: #fff; color: var(--text-hover);
} }
@ -841,7 +845,7 @@ input:focus:-ms-input-placeholder {
/*Title*/ /*Title*/
[class*="PageJumpBarItem-jumpBarItem-"]:hover { [class*="PageJumpBarItem-jumpBarItem-"]:hover {
color: #fff; color: var(--text-hover);
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
@ -854,12 +858,12 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* CALENDAR */ /* CALENDAR */
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
stroke: white !important; stroke: var(--text-hover) !important;
} }
[class*="CalendarEvent-downloaded-"] { [class*="CalendarEvent-downloaded-"] {
@ -1010,7 +1014,7 @@ input:focus:-ms-input-placeholder {
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
@ -1029,7 +1033,7 @@ input:focus:-ms-input-placeholder {
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1040,7 +1044,7 @@ input:focus:-ms-input-placeholder {
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
@ -1146,7 +1150,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1158,13 +1162,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
@ -1195,7 +1199,7 @@ input[type=password] {
[class*="ArtistIndexHeader-latestAlbum-"]:hover, [class*="ArtistIndexHeader-latestAlbum-"]:hover,
[class*="ArtistIndexHeader-actions-"]:hover { [class*="ArtistIndexHeader-actions-"]:hover {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* Fix rating border*/ /* Fix rating border*/
@ -1209,7 +1213,7 @@ input[type=password] {
[class*="AlbumStudioAlbum-tracks-"] { [class*="AlbumStudioAlbum-tracks-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
color: #fff; color: var(--text-hover);
} }
[class*="AlbumStudioAlbum-missingWanted-"] { [class*="AlbumStudioAlbum-missingWanted-"] {
@ -1222,7 +1226,7 @@ input[type=password] {
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Label-danger-"][class*="Label-outline-"] { [class*="Label-danger-"][class*="Label-outline-"] {
color: #FFF; color: var(--text-hover);
background-color: #f05050; background-color: #f05050;
} }

54
css/base/logarr/logarr-base.css

@ -20,7 +20,7 @@ body {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #FFFFFF !important; color: var(--text-hover) !important;
} }
/* Scrollbar */ /* Scrollbar */
@ -121,7 +121,7 @@ body.fade-out {
.nav-item, .nav-item,
.filesize, .filesize,
.path { .path {
color: #ffffff; color: var(--text-hover);
} }
#username:hover, #username:hover,
@ -131,7 +131,7 @@ body.fade-out {
#categoryFilter, #categoryFilter,
#auto-update { #auto-update {
color: white !important; color: var(--text-hover) !important;
background-color: transparent !important; background-color: transparent !important;
box-shadow: none; box-shadow: none;
border-radius: 0px; border-radius: 0px;
@ -204,7 +204,7 @@ body.fade-out {
/* Text Color */ /* Text Color */
.alpaca-control-label, .alpaca-control-label,
.alpaca-control.radio { .alpaca-control.radio {
color: white !important; color: var(--text-hover) !important;
} }
.alpaca-form-buttons-container { .alpaca-form-buttons-container {
@ -212,11 +212,11 @@ body.fade-out {
} }
.Rtable-cell { .Rtable-cell {
color: white !important; color: var(--text-hover) !important;
} }
#colorkey { #colorkey {
color: white !important; color: var(--text-hover) !important;
} }
.settingstitle { .settingstitle {
@ -224,7 +224,7 @@ body.fade-out {
} }
#reginfo { #reginfo {
color: white !important; color: var(--text-hover) !important;
} }
#infodata { #infodata {
@ -323,14 +323,14 @@ input:valid {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white !important; color: var(--text-hover) !important;
border: 1px solid transparent !important; border: 1px solid transparent !important;
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important; box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
} }
.modaltextloading, .modaltextloading,
.modalloadingspinner { .modalloadingspinner {
color: #FFF !important; color: var(--text-hover) !important;
} }
.container { .container {
@ -364,7 +364,7 @@ input:valid {
} }
#servicetitle { #servicetitle {
color: #fff !important; color: var(--text-hover) !important;
} }
.btnoffline, .btnoffline,
@ -395,16 +395,16 @@ input:valid {
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) { .btn-group>.btn:not(:first-child) {
color: white !important; color: var(--text-hover) !important;
} }
.btn-group>.btn:first-child { .btn-group>.btn:first-child {
color: white !important; color: var(--text-hover) !important;
} }
#time { #time {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
@ -414,15 +414,15 @@ input:valid {
} }
#textslider { #textslider {
color: #fff !important; color: var(--text-hover) !important;
} }
.dtg { .dtg {
color: #fff !important; color: var(--text-hover) !important;
} }
.datemin { .datemin {
color: #fff !important; color: var(--text-hover) !important;
} }
#center { #center {
@ -448,7 +448,7 @@ input:valid {
.servicetile, .servicetile,
.servicetile:hover, .servicetile:hover,
.servicetile:focus { .servicetile:focus {
color: #ffffff; color: var(--text-hover);
text-shadow: none !important; text-shadow: none !important;
text-decoration: none !important; text-decoration: none !important;
outline: 0; outline: 0;
@ -461,7 +461,7 @@ input:valid {
} }
.servicetile { .servicetile {
color: #ffffff; color: var(--text-hover);
text-shadow: none !important; text-shadow: none !important;
text-decoration: none !important; text-decoration: none !important;
outline: 0; outline: 0;
@ -481,12 +481,12 @@ input:valid {
#clock { #clock {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
.date { .date {
color: #fff !important; color: var(--text-hover) !important;
} }
#summary { #summary {
@ -506,12 +506,12 @@ input:valid {
} }
.pace .pace-activity { .pace .pace-activity {
border-top-color: #FFF !important; border-top-color: var(--text-hover) !important;
border-left-color: #FFF !important; border-left-color: var(--text-hover) !important;
} }
.footer { .footer {
color: white !important; color: var(--text-hover) !important;
} }
.footer:hover { .footer:hover {
@ -549,17 +549,17 @@ input:valid {
.modalimgpath, .modalimgpath,
.modaltext, .modaltext,
#uploadbutton { #uploadbutton {
color: #fff !important; color: var(--text-hover) !important;
} }
.file-upload { .file-upload {
background-color: var(--button-color) !important; background-color: var(--button-color) !important;
color: white !important; color: var(--button-text) !important;
} }
.file-upload:hover { .file-upload:hover {
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
color: white !important; color: var(--button-text) !important;
} }
@media only screen and (max-width: 775px) { @media only screen and (max-width: 775px) {
@ -575,7 +575,7 @@ input:valid {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
#dateRight { #dateRight {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
} }

50
css/base/monitorr/monitorr-base.css

@ -12,7 +12,7 @@
#footer:after { #footer:after {
color: white; color: var(--text-hover);
content: "theme.park v2.0"; content: "theme.park v2.0";
} }
@ -25,7 +25,7 @@ body {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #FFFFFF !important; color: var(--text-hover) !important;
} }
/* Scrollbar */ /* Scrollbar */
@ -86,7 +86,7 @@ body::-webkit-scrollbar-thumb:hover {
/* Text Color */ /* Text Color */
.alpaca-control-label, .alpaca-control-label,
.alpaca-control.radio { .alpaca-control.radio {
color: white !important; color: var(--text-hover) !important;
} }
.alpaca-form-buttons-container { .alpaca-form-buttons-container {
@ -94,11 +94,11 @@ body::-webkit-scrollbar-thumb:hover {
} }
.Rtable-cell { .Rtable-cell {
color: white !important; color: var(--text-hover) !important;
} }
#colorkey { #colorkey {
color: white !important; color: var(--text-hover) !important;
} }
.settingstitle { .settingstitle {
@ -106,7 +106,7 @@ body::-webkit-scrollbar-thumb:hover {
} }
#reginfo { #reginfo {
color: white !important; color: var(--text-hover) !important;
} }
#infodata { #infodata {
@ -185,14 +185,14 @@ body::-webkit-scrollbar-thumb:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white !important; color: var(--text-hover) !important;
border: 1px solid transparent !important; border: 1px solid transparent !important;
box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important; box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
} }
.modaltextloading, .modaltextloading,
.modalloadingspinner { .modalloadingspinner {
color: #FFF !important; color: var(--text-hover) !important;
} }
.container { .container {
@ -226,7 +226,7 @@ body::-webkit-scrollbar-thumb:hover {
} }
#servicetitle { #servicetitle {
color: #fff !important; color: var(--text-hover) !important;
} }
.btnoffline, .btnoffline,
@ -255,16 +255,16 @@ body::-webkit-scrollbar-thumb:hover {
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) { .btn-group>.btn:not(:first-child) {
color: white !important; color: var(--text-hover) !important;
} }
.btn-group>.btn:first-child { .btn-group>.btn:first-child {
color: white !important; color: var(--text-hover) !important;
} }
#time { #time {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
@ -274,15 +274,15 @@ body::-webkit-scrollbar-thumb:hover {
} }
#textslider { #textslider {
color: #fff !important; color: var(--text-hover) !important;
} }
.dtg { .dtg {
color: #fff !important; color: var(--text-hover) !important;
} }
.datemin { .datemin {
color: #fff !important; color: var(--text-hover) !important;
} }
#center { #center {
@ -308,7 +308,7 @@ body::-webkit-scrollbar-thumb:hover {
.servicetile, .servicetile,
.servicetile:hover, .servicetile:hover,
.servicetile:focus { .servicetile:focus {
color: #ffffff; color: var(--text-hover);
text-shadow: none !important; text-shadow: none !important;
text-decoration: none !important; text-decoration: none !important;
outline: 0; outline: 0;
@ -321,7 +321,7 @@ body::-webkit-scrollbar-thumb:hover {
} }
.servicetile { .servicetile {
color: #ffffff; color: var(--text-hover);
text-shadow: none !important; text-shadow: none !important;
text-decoration: none !important; text-decoration: none !important;
outline: 0; outline: 0;
@ -341,12 +341,12 @@ body::-webkit-scrollbar-thumb:hover {
#clock { #clock {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
.date { .date {
color: #fff !important; color: var(--text-hover) !important;
} }
#summary { #summary {
@ -366,12 +366,12 @@ body::-webkit-scrollbar-thumb:hover {
} }
.pace .pace-activity { .pace .pace-activity {
border-top-color: #FFF !important; border-top-color: var(--text-hover) !important;
border-left-color: #FFF !important; border-left-color: var(--text-hover) !important;
} }
.footer { .footer {
color: white !important; color: var(--text-hover) !important;
} }
.footer:hover { .footer:hover {
@ -409,17 +409,17 @@ body::-webkit-scrollbar-thumb:hover {
.modalimgpath, .modalimgpath,
.modaltext, .modaltext,
#uploadbutton { #uploadbutton {
color: #fff !important; color: var(--text-hover) !important;
} }
.file-upload { .file-upload {
background-color: var(--button-color) !important; background-color: var(--button-color) !important;
color: white !important; color: var(--text-hover) !important;
} }
.file-upload:hover { .file-upload:hover {
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
color: white !important; color: var(--text-hover) !important;
} }
@media only screen and (max-width: 775px) { @media only screen and (max-width: 775px) {

14
css/base/monitorr/organizr-dashboard.css

@ -45,7 +45,7 @@ body {
} }
#servicetitle { #servicetitle {
color: #fff !important; color: var(--text-hover) !important;
} }
.btnoffline, .btnoffline,
@ -61,7 +61,7 @@ body {
#time { #time {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
@ -71,15 +71,15 @@ body {
} }
#textslider { #textslider {
color: #fff !important; color: var(--text-hover) !important;
} }
.dtg { .dtg {
color: #fff !important; color: var(--text-hover) !important;
} }
.datemin { .datemin {
color: #fff !important; color: var(--text-hover) !important;
} }
#center { #center {
@ -138,12 +138,12 @@ body {
#clock { #clock {
background-color: rgba(0, 0, 0, .15) !important; background-color: rgba(0, 0, 0, .15) !important;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: none; box-shadow: none;
} }
.date { .date {
color: #fff !important; color: var(--text-hover) !important;
} }
#summary { #summary {

24
css/base/mylar3/mylar3-base.css

@ -628,7 +628,7 @@ input[type="radio"] {
::-moz-selection, ::-moz-selection,
::selection { ::selection {
background: grey; background: grey;
color: #fff; var(--text-hover);
text-shadow: none; text-shadow: none;
} }
@ -821,7 +821,7 @@ ul#nav li a {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
display: block; display: block;
padding: 7px 15px; padding: 7px 15px;
-text-shadow: 1px 1px 0px #FFF; text-shadow: 1px 1px 0px var(--text);
text-transform: capitalize; text-transform: capitalize;
border: 1px solid transparent; border: 1px solid transparent;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
@ -966,7 +966,7 @@ footer div {
-moz-box-shadow: 0px 0px 2px #aaaaaa; -moz-box-shadow: 0px 0px 2px #aaaaaa;
-webkit-box-shadow: 0px 0px 2px #aaaaaa; -webkit-box-shadow: 0px 0px 2px #aaaaaa;
-o-box-shadow: 0px 0px 2px #aaaaaa; -o-box-shadow: 0px 0px 2px #aaaaaa;
box-shadow: 0px 0px 2px #fff; box-shadow: 0px 0px 2px var(--text);
padding: 7px 10px; padding: 7px 10px;
position: fixed; position: fixed;
text-align: center; text-align: center;
@ -1187,7 +1187,7 @@ div#searchbar .mini-icon {
.checkbox.inline>input { .checkbox.inline>input {
margin-right: 5px; margin-right: 5px;
margin-left: 0; margin-left: 0;
color: #ffffff; color: var(--text-hover);
} }
.Skipped { .Skipped {
@ -1234,7 +1234,7 @@ div#searchbar .mini-icon {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
-text-shadow: 1px 1px 0 #FFFFFF; -text-shadow: 1px 1px 0 var(--text-hover);
} }
.comictable tr td:last-child { .comictable tr td:last-child {
@ -1250,7 +1250,7 @@ div#searchbar .mini-icon {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
-text-shadow: 1px 1px 0 #FFFFFF; -text-shadow: 1px 1px 0 var(--text-hover);
} }
.configtable tr td:last-child { .configtable tr td:last-child {
@ -1318,8 +1318,8 @@ div#artistheader {
} }
div#artistheader #artistImg { div#artistheader #artistImg {
background: #ffffff url("../../../images/loader_black.gif") center no-repeat; background: var(--text-hover) url("../../../images/loader_black.gif") center no-repeat;
border: 5px solid #FFF; border: 5px solid var(--text-hover);
-moz-box-shadow: 1px 1px 2px 0 #555555; -moz-box-shadow: 1px 1px 2px 0 #555555;
-webkit-box-shadow: 1px 1px 2px 0 #555555; -webkit-box-shadow: 1px 1px 2px 0 #555555;
-o-box-shadow: 1px 1px 2px 0 #555555; -o-box-shadow: 1px 1px 2px 0 #555555;
@ -2070,8 +2070,8 @@ div#artistheader h2 a {
} }
#searchresults_table #artistImg { #searchresults_table #artistImg {
background: url("../../../images/loader_black.gif") no-repeat scroll center center #ffffff; background: url("../../../images/loader_black.gif") no-repeat scroll center center var(--text-hover);
border: 3px solid #FFFFFF; border: 3px solid var(--text-hover);
box-shadow: 1px 1px 2px 0 #555555; box-shadow: 1px 1px 2px 0 #555555;
float: left; float: left;
height: 50px; height: 50px;
@ -2114,7 +2114,7 @@ div#artistheader h2 a {
#searchresults_table td#score .bar .score { #searchresults_table td#score .bar .score {
height: 14px; height: 14px;
color: #343434; color: #343434;
color: #FFF; color: var(--text-hover);
font-size: 11px; font-size: 11px;
vertical-align: middle; vertical-align: middle;
line-height: normal; line-height: normal;
@ -2875,7 +2875,7 @@ table tr td#status a {
background: var(--modal-bg-color); background: var(--modal-bg-color);
padding: 5px; padding: 5px;
border: 2px solid rgba(221, 221, 221, 0); border: 2px solid rgba(221, 221, 221, 0);
color: white; color: var(--text-hover);
font-size: 1.2em; font-size: 1.2em;
position: absolute; position: absolute;
top: 20%; top: 20%;

14
css/base/netdata/netdata-base.css

@ -98,12 +98,12 @@ a:hover,
} }
.navbar-default .navbar-brand { .navbar-default .navbar-brand {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { .navbar-default .navbar-brand:focus {
color: #ffffff !important; color: var(--text-hover) !important;
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25) !important;
} }
@ -111,7 +111,7 @@ a:hover,
.navbar-inverse .navbar-nav>li>a { .navbar-inverse .navbar-nav>li>a {
border-right: 1px solid rgba(0, 0, 0, 0) !important; border-right: 1px solid rgba(0, 0, 0, 0) !important;
border-left: 1px solid rgba(0, 0, 0, 0) !important; border-left: 1px solid rgba(0, 0, 0, 0) !important;
color: #ffffff !important; color: var(--text-hover) !important;
} }
.nav-tabs>li.active>a, .nav-tabs>li.active>a,
@ -303,7 +303,7 @@ table {
.close, .close,
.close:hover, .close:hover,
.close:focus { .close:focus {
color: #ffffff !important; color: var(--text-hover) !important;
} }
/* System Overview */ /* System Overview */
@ -353,7 +353,7 @@ code {
.easyPieChartTitle, .easyPieChartTitle,
.easyPieChartLabel, .easyPieChartLabel,
.easyPieChartUnits { .easyPieChartUnits {
color: #ffffff !important; color: var(--text-hover) !important;
} }
.netdata-legend-value, .netdata-legend-value,
@ -361,12 +361,12 @@ code {
.netdata-legend-toolbox-button, .netdata-legend-toolbox-button,
.dygraph-axis-label { .dygraph-axis-label {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
color: #ffffff !important; color: var(--text-hover) !important;
} }
.netdata-legend-resize-handler { .netdata-legend-resize-handler {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
color: #ffffff !important; color: var(--text-hover) !important;
} }
.netdata-legend-name-table-line { .netdata-legend-name-table-line {

22
css/base/nzbget/nzbget-base.css

@ -183,7 +183,7 @@ tr.checked:nth-child(odd) .progress {
.bar-text-left, .bar-text-left,
.bar-text-right { .bar-text-right {
color: #fff; var(--text-hover);
} }
/* NAVBAR */ /* NAVBAR */
@ -382,7 +382,7 @@ div.check:hover {
#ConfigData>div:nth-child(5)>div>button { #ConfigData>div:nth-child(5)>div>button {
text-shadow: unset; text-shadow: unset;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
color: white; color: var(--text-hover);
} }
#ConfigData>div:nth-child(3)>div>button:hover, #ConfigData>div:nth-child(3)>div>button:hover,
@ -390,7 +390,7 @@ div.check:hover {
#ConfigData>div:nth-child(5)>div>button:hover { #ConfigData>div:nth-child(5)>div>button:hover {
text-shadow: unset; text-shadow: unset;
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
color: white; color: var(--text-hover);
} }
#ConfigData input.btn.btn-primary { #ConfigData input.btn.btn-primary {
@ -408,24 +408,24 @@ div.check:hover {
#Config_ViewButton { #Config_ViewButton {
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
color: #FFF; color: var(--text-hover);
} }
#Config_ViewButton:hover { #Config_ViewButton:hover {
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
color: #FFF; color: var(--text-hover);
} }
#DownloadsEditDialog input.btn.btn-primary { #DownloadsEditDialog input.btn.btn-primary {
background: var(--button-color) !important; background: var(--button-color) !important;
text-shadow: unset; text-shadow: unset;
color: white; color: var(--button-text);
} }
#HistoryEdit_ParamData input.btn.btn-primary { #HistoryEdit_ParamData input.btn.btn-primary {
background: var(--button-color) !important; background: var(--button-color) !important;
text-shadow: unset; text-shadow: unset;
color: white; color: var(--button-text);
} }
.btn { .btn {
@ -606,16 +606,16 @@ label {
} }
span.help-option-title { span.help-option-title {
color: #eee; color: var(--text);
} }
.help-block, .help-block,
.help-inline { .help-inline {
color: #eee; color: var(--text);
} }
.confirm-help-block { .confirm-help-block {
color: #eee; color: var(--text);
font-size: 13px; font-size: 13px;
line-height: 16px; line-height: 16px;
margin-bottom: 0; margin-bottom: 0;
@ -633,7 +633,7 @@ span.help-option-title {
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
background-color: transparent; background-color: transparent;
color: #FFFFFF !important; color: var(--text-hover) !important;
border: none; border: none;
} }

4
css/base/nzbhydra2/nzbhydra2-base.css

@ -424,7 +424,7 @@ hr {
.alert-warning { .alert-warning {
background: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25);
border-color: transparent; border-color: transparent;
color: #fff; color: var(--text-hover);
} }
.panel-default>.panel-heading { .panel-default>.panel-heading {
@ -465,7 +465,7 @@ table {
} }
.search-result-tbody { .search-result-tbody {
color: white; color: var(--text-hover);
} }
pre { pre {

8
css/base/ombi/ombi-base.css

@ -37,7 +37,7 @@ html, body, .wizard-background, .content-container, #main-container\ dark > mat-
} }
.container-alert { .container-alert {
color: #fff; color: var(--text-hover);
background-color: rgb(0 0 0 / 50%) !important; background-color: rgb(0 0 0 / 50%) !important;
border-color: rgb(var(--accent-color)) !important; border-color: rgb(var(--accent-color)) !important;
} }
@ -130,7 +130,7 @@ a:hover {
.sidenav-container .sidenav { .sidenav-container .sidenav {
background: var(--modal-bg-color) !important; background: var(--modal-bg-color) !important;
color: #fff; color: var(--text-hover);
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
width: 16rem; width: 16rem;
} }
@ -231,7 +231,7 @@ a:hover {
background: rgb(255 255 255 / 8%) !important; background: rgb(255 255 255 / 8%) !important;
border: 1px solid rgb(255 255 255 / 10%) !important; border: 1px solid rgb(255 255 255 / 10%) !important;
border-radius: 30px; border-radius: 30px;
color: #fff; color: var(--text-hover);
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 30px; margin-right: 30px;
} }
@ -528,7 +528,7 @@ button.admin-cog {
} }
.grow:hover { .grow:hover {
color: #fff; color: var(--text-hover);
} }
/* FORMS */ /* FORMS */

42
css/base/organizr/organizr-base.css

@ -694,7 +694,7 @@ th.fc-day-header.fc-widget-header.fc-today {
#plex-login-heading>a, #plex-login-heading>a,
#recoverform>div:nth-child(1)>div>h3, #recoverform>div:nth-child(1)>div>h3,
#recoverform>div:nth-child(1)>div>p { #recoverform>div:nth-child(1)>div>p {
color: #fff !important; color: var(--text-hover) !important;
} }
#login-username-Input::placeholder, #login-username-Input::placeholder,
@ -710,7 +710,7 @@ label[for="checkbox-login"] {
#to-recover:hover, #to-recover:hover,
label[for="checkbox-login"]:hover { label[for="checkbox-login"]:hover {
color: #fff !important; color: var(--text-hover) !important;
} }
#organizr-login-collapse>div>div.form-group.text-center.m-t-20.m-b-0>div>button, #organizr-login-collapse>div>div.form-group.text-center.m-t-20.m-b-0>div>button,
@ -718,7 +718,7 @@ label[for="checkbox-login"]:hover {
#leave-recover, #leave-recover,
#form-lockscreen>div.form-group.text-center>div>button { #form-lockscreen>div.form-group.text-center>div>button {
background: rgb(255 255 255 / 15%) !important; background: rgb(255 255 255 / 15%) !important;
color: #eee !important; color: var(--text) !important;
border-radius: 25px; border-radius: 25px;
border: none; border: none;
} }
@ -731,7 +731,7 @@ label[for="checkbox-login"]:hover {
background-color: rgba(0, 0, 0, 0.45) !important; background-color: rgba(0, 0, 0, 0.45) !important;
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
color: white !important; color: var(--text-hover) !important;
} }
} }
@ -771,7 +771,7 @@ label[for="checkbox-login"]:hover {
/*2FA animation header*/ /*2FA animation header*/
.panel-warning .panel-heading, .panel-warning .panel-heading,
.panel-yellow .panel-heading { .panel-yellow .panel-heading {
color: #fff; color: var(--text-hover);
border-radius: 3px; border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
border-color: #00000000; border-color: #00000000;
@ -807,7 +807,7 @@ label[for="checkbox-login"]:hover {
} }
#form-lockscreen>div:nth-child(1)>div>div>h3 { #form-lockscreen>div:nth-child(1)>div>div>h3 {
color: #fff !important; color: var(--text-hover) !important;
} }
.login-sidebar .white-box { .login-sidebar .white-box {
@ -921,7 +921,7 @@ label[for="checkbox-login"]:hover {
#splashScreen .flexbox:last-of-type .bg-danger { #splashScreen .flexbox:last-of-type .bg-danger {
background: transparent !important; background: transparent !important;
color: #fff !important; color: var(--text-hover) !important;
border: 0 !important; border: 0 !important;
border-radius: 100px; border-radius: 100px;
height: 0px !important; height: 0px !important;
@ -986,7 +986,7 @@ label[for="checkbox-login"]:hover {
} }
.splash-badge { .splash-badge {
color: #fff; color: var(--text-hover);
width: 80px !important; width: 80px !important;
height: 80px; height: 80px;
font-size: 60px; font-size: 60px;
@ -1010,12 +1010,12 @@ label[for="checkbox-login"]:hover {
.color-table.info-table thead th { .color-table.info-table thead th {
background-color: rgba(61, 33, 33, 0.25); background-color: rgba(61, 33, 33, 0.25);
color: #fff; color: var(--text-hover);
} }
.bg-success.text-inverse { .bg-success.text-inverse {
background-color: rgba(255, 255, 255, 0.15) !important; background-color: rgba(255, 255, 255, 0.15) !important;
color: #FFF; color: var(--text-hover);
} }
.panel-blue a, .panel-blue a,
@ -1106,7 +1106,7 @@ label[for="checkbox-login"]:hover {
.icon-control-play, .icon-control-play,
.icon-screen-desktop, .icon-screen-desktop,
.icon-control-pause { .icon-control-pause {
color: white !important; color: var(--text-hover) !important;
} }
.label-info { .label-info {
@ -1134,7 +1134,7 @@ label[for="checkbox-login"]:hover {
.panel-black .panel-heading, .panel-black .panel-heading,
.panel-inverse .panel-heading { .panel-inverse .panel-heading {
border-color: transparent; border-color: transparent;
color: #fff; color: var(--text-hover);
background: var(--modal-bg-color); background: var(--modal-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -1437,8 +1437,8 @@ a:hover,
.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover { .el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
background: transparent; background: transparent;
color: white !important; color: var(--text-hover) !important;
border: white !important; border: var(--text-hover) !important;
} }
.progress-bar-info { .progress-bar-info {
@ -1478,7 +1478,7 @@ a:hover,
.bg-inverse .healthPosition h3, .bg-inverse .healthPosition h3,
.bg-inverse .healthPosition h5 { .bg-inverse .healthPosition h5 {
color: #fff !important; color: var(--text-hover) !important;
} }
#homepageOrderhealthchecks .card-body { #homepageOrderhealthchecks .card-body {
@ -1505,12 +1505,12 @@ a:hover,
} }
.homepage-tautulli-card .cardCountType { .homepage-tautulli-card .cardCountType {
color: #eee; color: var(--text);
} }
.homepage-tautulli-card .tautulliRank, .homepage-tautulli-card .tautulliRank,
.homepage-tautulli-card .tautulliSeparator { .homepage-tautulli-card .tautulliSeparator {
color: #eee; color: var(--text);
} }
.homepage-tautulli-card .bg-img-cont { .homepage-tautulli-card .bg-img-cont {
@ -2398,7 +2398,7 @@ h6 .small,
h6 small, h6 small,
tbody, tbody,
th { th {
color: #ffffff; color: var(--text-hover);
} }
.bootstrap-tagsinput, .bootstrap-tagsinput,
@ -2466,19 +2466,19 @@ input:active:not(select),
.cp-container .cp-pills li a { .cp-container .cp-pills li a {
padding: 5px; padding: 5px;
color: #FFF; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
.cp-container .cp-pills li a.active, .cp-container .cp-pills li a.active,
.cp-container .cp-pills li a:hover { .cp-container .cp-pills li a:hover {
background-color: #2cabe3; background-color: #2cabe3;
color: #fff color: #fff;
} }
.jq-icon-info { .jq-icon-info {
background-color: rgba(71, 68, 68, 0.93); background-color: rgba(71, 68, 68, 0.93);
color: #FFF; color: var(--text-hover);
border-color: #bce8f1; border-color: #bce8f1;
} }

14
css/base/petio/petio-base.css

@ -230,7 +230,7 @@ p a:hover,
} }
.request-status { .request-status {
color: #fff !important; color: var(--text-hover) !important;
} }
.filter--action { .filter--action {
@ -243,11 +243,11 @@ p a:hover,
} }
.console--item { .console--item {
color: #fff; color: var(--text-hover);
} }
code { code {
color: #fff; color: var(--text-hover);
} }
.color-green, .color-green,
@ -297,7 +297,7 @@ code {
} }
.push-msg--item { .push-msg--item {
color: #fff; color: var(--text-hover);
} }
@ -370,7 +370,7 @@ code {
.requests--status__cinema, .requests--status__cinema,
.requests--status__blue, .requests--status__blue,
.requests--status__manual { .requests--status__manual {
color: #fff; color: var(--text-hover);
} }
.myrequests--item--details .detail-steps--item__active { .myrequests--item--details .detail-steps--item__active {
@ -387,7 +387,7 @@ code {
} }
.request-count { .request-count {
color: #fff; color: var(--text-hover);
background: rgba(var(--accent-color), .8); background: rgba(var(--accent-color), .8);
} }
@ -477,7 +477,7 @@ a.rbc-show-more {
} }
.calendar--event p { .calendar--event p {
color: #fff !important; color: var(--text-hover) !important;
} }
/* PLACEHOLDER TEXT */ /* PLACEHOLDER TEXT */

4
css/base/plpp/plpp-base.css

@ -228,7 +228,7 @@ table,
.pagination>li>a, .pagination>li>a,
.pagination>li>span { .pagination>li>span {
color: #ffffff; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
border: transparent; border: transparent;
} }
@ -280,5 +280,5 @@ div.modal-body,
} }
.modal-header .close:hover { .modal-header .close:hover {
color: #fff; color: var(--text-hover);
} }

16
css/base/portainer/portainer-base.css

@ -13,8 +13,8 @@
@import url("/css/defaults/placeholders.css"); @import url("/css/defaults/placeholders.css");
:root { :root {
--text-json-tree-branch-preview-color: #eee; --text-json-tree-branch-preview-color: var(--text);
--text-json-tree-leaf-color: #eee; --text-json-tree-leaf-color: var(--text);
} }
/* Scrollbar */ /* Scrollbar */
@ -555,13 +555,13 @@ output {
/* STACKS */ /* STACKS */
.CodeMirror { .CodeMirror {
background: rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10);
color: white; color: var(--text-hover);
} }
.CodeMirror-gutters { .CodeMirror-gutters {
border-right: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25);
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
caret-color: white; caret-color: var(--text-hover);
} }
.CodeMirror-linenumber { .CodeMirror-linenumber {
@ -582,7 +582,7 @@ output {
.nav-tabs>li.active>a, .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover { .nav-tabs>li.active>a:hover {
color: #fff; color: var(--text-hover);
cursor: default; cursor: default;
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
border: 1px solid #ddd0; border: 1px solid #ddd0;
@ -606,14 +606,14 @@ output {
/* LOGS */ /* LOGS */
.log_viewer { .log_viewer {
color: #fff; color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border: 1px solid transparent; border: 1px solid transparent;
} }
/* JSON TREE */ /* JSON TREE */
json-tree { json-tree {
color: #eee; color: var(--text);
} }
json-tree .key { json-tree .key {
@ -622,7 +622,7 @@ json-tree .key {
} }
pre { pre {
color: #fff; color: var(--text-hover);
background-color: rgba(255, 255, 255, .1); background-color: rgba(255, 255, 255, .1);
border: 1px solid transparent; border: 1px solid transparent;
} }

64
css/base/prowlarr/prowlarr-base.css

@ -111,7 +111,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -149,18 +149,18 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
[class*="ModalContent-closeButton-"]:hover { [class*="ModalContent-closeButton-"]:hover {
color: #fff; color: var(--text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -210,7 +210,7 @@ a:hover {
/* RADARR SPECIFIC */ /* RADARR SPECIFIC */
[class*="IndexerSearchInput-sectionTitle-"] { [class*="IndexerSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] { [class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] {
@ -223,7 +223,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -244,6 +244,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -347,7 +351,7 @@ a:hover {
} }
[class*="MonitorToggleButton-toggleButton-"] { [class*="MonitorToggleButton-toggleButton-"] {
color: #dadada; color: var(--text-hover);
} }
@ -364,7 +368,7 @@ a:hover {
} }
[class*="MovieDetailsSeason-seasonNumber-"] { [class*="MovieDetailsSeason-seasonNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="MovieDetailsSeason-collapseButtonContainer-"] { [class*="MovieDetailsSeason-collapseButtonContainer-"] {
@ -383,7 +387,7 @@ a:hover {
} }
.Table-table-2C3O8 { .Table-table-2C3O8 {
color: #fff; color: var(--text-hover);
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
@ -425,7 +429,7 @@ a:hover {
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
color: #ffffff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
@ -589,7 +593,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* MINI RIGHT SCROLL BAR */ /* MINI RIGHT SCROLL BAR */
@ -668,7 +672,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
[class*="IndexerSearchInput-container-"] [class*="Input-input-"] { [class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
@ -682,17 +686,17 @@ a:hover {
} }
[class*="IndexerSearchResult-alternateTitle-"] { [class*="IndexerSearchResult-alternateTitle-"] {
color: #ffffff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="AddNewMovieSearchResult-year-"] { [class*="AddNewMovieSearchResult-year-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
@ -721,12 +725,12 @@ a:hover {
} }
[class*="AddNewmovieModalContent-year-"] { [class*="AddNewmovieModalContent-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputSelectedValue-movieFolder-"], [class*="RootFolderSelectInputSelectedValue-movieFolder-"],
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"], [class*="RootFolderSelectInputOption-freeSpace-"],
@ -798,7 +802,7 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
[class*="ImportMovieSearchResult-movie-"]:hover { [class*="ImportMovieSearchResult-movie-"]:hover {
@ -825,7 +829,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="AddListMovieOverview-link-"]:hover { [class*="AddListMovieOverview-link-"]:hover {
color: #fff; color: var(--text-hover);
} }
[class*="AddListMovieOverview-content-"]:hover { [class*="AddListMovieOverview-content-"]:hover {
@ -833,14 +837,14 @@ input:focus:-ms-input-placeholder {
} }
[class*="PageJumpBarItem-jumpBarItem-"]:hover { [class*="PageJumpBarItem-jumpBarItem-"]:hover {
color: #fff; color: var(--text-hover);
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
/*Posters*/ /*Posters*/
[class*="AddListMoviePoster-title-"] { [class*="AddListMoviePoster-title-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
/* MASS EDITOR */ /* MASS EDITOR */
@ -848,7 +852,7 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* CALENDAR */ /* CALENDAR */
@ -930,7 +934,7 @@ input:focus:-ms-input-placeholder {
[class*="CalendarEvent-movieTitle-"], [class*="CalendarEvent-movieTitle-"],
[class*="CalendarEvent-episodeInfo-"], [class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"] { [class*="CalendarEvent-airTime-"] {
color: #ffffff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEvent-movieInfo-"] { [class*="CalendarEvent-movieInfo-"] {
@ -946,7 +950,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="CalendarEventGroup-movieTitle-"] { [class*="CalendarEventGroup-movieTitle-"] {
color: #ffffff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEventGroup-airTime-"] { [class*="CalendarEventGroup-airTime-"] {
@ -1019,7 +1023,7 @@ input:focus:-ms-input-placeholder {
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover, [class*="Card-card-"]:hover,
@ -1046,7 +1050,7 @@ input:focus:-ms-input-placeholder {
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1061,7 +1065,7 @@ input:focus:-ms-input-placeholder {
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
@ -1145,7 +1149,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1157,13 +1161,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }

14
css/base/qbittorrent/qbittorrent-base.css

@ -514,7 +514,7 @@ ul.filterList li:hover:before {
.progressbar_light { .progressbar_light {
background: rgba(0, 0, 0, 0.25) !important; background: rgba(0, 0, 0, 0.25) !important;
color: #fff !important; color: var(--text-hover) !important;
} }
.progressbar_wrapper { .progressbar_wrapper {
@ -1223,7 +1223,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }
@ -1251,7 +1251,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }
@ -1279,7 +1279,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }
@ -1323,7 +1323,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }
@ -1334,7 +1334,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }
@ -1362,7 +1362,7 @@ input[type="submit"i]:hover {
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: white; color: var(--text-hover);
opacity: 0; opacity: 0;
} }

64
css/base/radarr/radarr-base.css

@ -112,7 +112,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -150,18 +150,18 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
[class*="ModalContent-closeButton-"]:hover { [class*="ModalContent-closeButton-"]:hover {
color: #fff; color: var(--text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -209,7 +209,7 @@ a:hover {
/* RADARR SPECIFIC */ /* RADARR SPECIFIC */
[class*="MovieSearchInput-sectionTitle-"] { [class*="MovieSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { [class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
@ -222,7 +222,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -243,6 +243,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -356,7 +360,7 @@ a:hover {
} }
[class*="MonitorToggleButton-toggleButton-"] { [class*="MonitorToggleButton-toggleButton-"] {
color: #dadada; color: var(--text-hover);
} }
@ -373,7 +377,7 @@ a:hover {
} }
[class*="MovieDetailsSeason-seasonNumber-"] { [class*="MovieDetailsSeason-seasonNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="MovieDetailsSeason-collapseButtonContainer-"] { [class*="MovieDetailsSeason-collapseButtonContainer-"] {
@ -430,7 +434,7 @@ a:hover {
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
color: #fff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
@ -599,7 +603,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* MINI RIGHT SCROLL BAR */ /* MINI RIGHT SCROLL BAR */
@ -679,7 +683,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
[class*="MovieSearchInput-container-"] [class*="Input-input-"] { [class*="MovieSearchInput-container-"] [class*="Input-input-"] {
@ -693,17 +697,17 @@ a:hover {
} }
[class*="MovieSearchResult-alternateTitle-"] { [class*="MovieSearchResult-alternateTitle-"] {
color: #fff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="AddNewMovieSearchResult-year-"] { [class*="AddNewMovieSearchResult-year-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
@ -738,12 +742,12 @@ a:hover {
} }
[class*="AddNewmovieModalContent-year-"] { [class*="AddNewmovieModalContent-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputSelectedValue-movieFolder-"], [class*="RootFolderSelectInputSelectedValue-movieFolder-"],
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"], [class*="RootFolderSelectInputOption-freeSpace-"],
@ -815,7 +819,7 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
[class*="ImportMovieSearchResult-movie-"]:hover { [class*="ImportMovieSearchResult-movie-"]:hover {
@ -848,7 +852,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="AddListMovieOverview-link-"]:hover { [class*="AddListMovieOverview-link-"]:hover {
color: #fff; color: var(--text-hover);
} }
[class*="AddListMovieOverview-content-"]:hover { [class*="AddListMovieOverview-content-"]:hover {
@ -856,14 +860,14 @@ input:focus:-ms-input-placeholder {
} }
[class*="PageJumpBarItem-jumpBarItem-"]:hover { [class*="PageJumpBarItem-jumpBarItem-"]:hover {
color: #fff; color: var(--text-hover);
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
/*Posters*/ /*Posters*/
[class*="AddListMoviePoster-title-"] { [class*="AddListMoviePoster-title-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
/* MASS EDITOR */ /* MASS EDITOR */
@ -871,12 +875,12 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* CALENDAR */ /* CALENDAR */
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
stroke: white !important; stroke: var(--text-hover) !important;
} }
[class*="CalendarEvent-downloaded-"] { [class*="CalendarEvent-downloaded-"] {
@ -986,7 +990,7 @@ input:focus:-ms-input-placeholder {
[class*="CalendarEvent-episodeInfo-"], [class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"], [class*="CalendarEvent-airTime-"],
[class*="CalendarEvent-link-"] { [class*="CalendarEvent-link-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEvent-event-"] { [class*="CalendarEvent-event-"] {
@ -998,7 +1002,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="CalendarEventGroup-movieTitle-"] { [class*="CalendarEventGroup-movieTitle-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEventGroup-airTime-"] { [class*="CalendarEventGroup-airTime-"] {
@ -1076,7 +1080,7 @@ input:focus:-ms-input-placeholder {
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
@ -1095,7 +1099,7 @@ input:focus:-ms-input-placeholder {
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1106,7 +1110,7 @@ input:focus:-ms-input-placeholder {
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
@ -1187,7 +1191,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1199,13 +1203,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }

82
css/base/readarr/readarr-base.css

@ -111,7 +111,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -151,18 +151,18 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
[class*="ModalContent-closeButton-"]:hover { [class*="ModalContent-closeButton-"]:hover {
color: #fff; color: var(--button-text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -210,7 +210,7 @@ a:hover {
/* LIDARR SPECIFIC */ /* LIDARR SPECIFIC */
[class*="AuthorSearchInput-sectionTitle-"] { [class*="AuthorSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] { [class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] {
@ -223,7 +223,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -317,6 +317,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -404,7 +408,7 @@ a:hover {
[class*="AuthorDetailsSeason-albumCount-"], [class*="AuthorDetailsSeason-albumCount-"],
[class*="AuthorDetails-metadataMessage-"], [class*="AuthorDetails-metadataMessage-"],
[class*="AuthorDetailsSeason-albumCount-"] { [class*="AuthorDetailsSeason-albumCount-"] {
color: #fff; color: var(--text-hover);
} }
.fa-search:hover { .fa-search:hover {
@ -422,7 +426,7 @@ a:hover {
} }
[class*="MonitorToggleButton-toggleButton-"] { [class*="MonitorToggleButton-toggleButton-"] {
color: #dadada; color: var(--text-hover);
} }
[class*="ProtocolLabel-torrent-"] { [class*="ProtocolLabel-torrent-"] {
@ -439,7 +443,7 @@ a:hover {
/*ARTIST ALBUM PAGE*/ /*ARTIST ALBUM PAGE*/
[class*="AlbumDetailsMedium-mediumNumber-"] { [class*="AlbumDetailsMedium-mediumNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="AlbumDetailsMedium-medium-"] { [class*="AlbumDetailsMedium-medium-"] {
@ -468,7 +472,7 @@ a:hover {
[class*="AuthorIndexBanner-title-"], [class*="AuthorIndexBanner-title-"],
[class*="AuthorIndexBannerInfo-info-"] { [class*="AuthorIndexBannerInfo-info-"] {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #fff; color: var(--text-hover);
} }
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
@ -510,7 +514,7 @@ a:hover {
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
color: #ffffff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
@ -674,7 +678,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* SEARCH BAR */ /* SEARCH BAR */
@ -683,12 +687,12 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
[class*="AuthorSearchInput-input-"][class*="Input-input-"] { [class*="AuthorSearchInput-input-"][class*="Input-input-"] {
background: transparent; background: transparent;
border-bottom: solid 1px #fff; border-bottom: solid 1px var(--text-hover);
} }
[class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus { [class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus {
@ -697,20 +701,20 @@ a:hover {
} }
[class*="AuthorSearchResult-alternateTitle-"] { [class*="AuthorSearchResult-alternateTitle-"] {
color: #ffffff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
[class*="TagInput-input-"][class*="TagInput-isFocused-"] { [class*="TagInput-input-"][class*="TagInput-isFocused-"] {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
} }
@ -726,7 +730,7 @@ a:hover {
} }
[class*="AddNewAuthorSearchResult-year-"] { [class*="AddNewAuthorSearchResult-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="AddNewAuthorSearchResult-searchResult-"], [class*="AddNewAuthorSearchResult-searchResult-"],
@ -744,7 +748,7 @@ a:hover {
} }
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"] { [class*="RootFolderSelectInputOption-freeSpace-"] {
@ -762,7 +766,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #FFF; color: var(--text-hover);
border: 1px solid transparent; border: 1px solid transparent;
} }
@ -813,7 +817,7 @@ input:focus:-ms-input-placeholder {
/* IMPORT */ /* IMPORT */
/* Text color */ /* Text color */
[class*="ImportAuthorSelectFolder-header-"] { [class*="ImportAuthorSelectFolder-header-"] {
color: #FFF; color: var(--text-hover);
} }
[class*="ExpandingFileDetails-fileDetails-"] { [class*="ExpandingFileDetails-fileDetails-"] {
@ -826,7 +830,7 @@ input:focus:-ms-input-placeholder {
[class*="ImportAuthorSelectAuthor-button-"] { [class*="ImportAuthorSelectAuthor-button-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
color: #fff; color: var(--text-hover);
} }
@ -844,7 +848,7 @@ input:focus:-ms-input-placeholder {
/*Title*/ /*Title*/
[class*="PageJumpBarItem-jumpBarItem-"]:hover { [class*="PageJumpBarItem-jumpBarItem-"]:hover {
color: #fff; color: var(--text-hover);
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
@ -857,12 +861,12 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* CALENDAR */ /* CALENDAR */
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
stroke: white !important; stroke: var(--text-hover) !important;
} }
[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) { [class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
@ -919,7 +923,7 @@ input:focus:-ms-input-placeholder {
[class*="DayOfWeek-dayOfWeek-"] { [class*="DayOfWeek-dayOfWeek-"] {
background-color: hsla(0, 0%, 100%, .08); background-color: hsla(0, 0%, 100%, .08);
color: #fff; color: var(--text-hover);
} }
[class*="CalendarDay-dayOfMonth-"] { [class*="CalendarDay-dayOfMonth-"] {
@ -930,19 +934,19 @@ input:focus:-ms-input-placeholder {
[class*="CalendarDay-isToday-"], [class*="CalendarDay-isToday-"],
[class*="DayOfWeek-isToday-"] { [class*="DayOfWeek-isToday-"] {
background-color: hsla(0, 0%, 100%, .25) !important; background-color: hsla(0, 0%, 100%, .25) !important;
color: #fff; color: var(--text-hover);
} }
[class*="CalendarEvent-authorName-"] a, [class*="CalendarEvent-authorName-"] a,
[class*="CalendarEvent-authorName-"], [class*="CalendarEvent-authorName-"],
[class*="CalendarEvent-bookTitle-"] a, [class*="CalendarEvent-bookTitle-"] a,
[class*="CalendarEvent-bookTitle-"]{ [class*="CalendarEvent-bookTitle-"]{
color: #eee !important; color: var(--text-hover) !important;
} }
[class*="CalendarEvent-authorName-"] a:hover, [class*="CalendarEvent-authorName-"] a:hover,
[class*="CalendarEvent-bookTitle-"] a:hover{ [class*="CalendarEvent-bookTitle-"] a:hover{
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEvent-event-"] { [class*="CalendarEvent-event-"] {
@ -1031,7 +1035,7 @@ color: #fff !important;
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
@ -1050,7 +1054,7 @@ color: #fff !important;
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1061,7 +1065,7 @@ color: #fff !important;
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
@ -1171,7 +1175,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1183,13 +1187,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
@ -1227,7 +1231,7 @@ input[type=password] {
/*Author Page*/ /*Author Page*/
[class*="AuthorDetails-tab-"] { [class*="AuthorDetails-tab-"] {
color: #FFF; color: var(--text-hover);
} }
[class*="AuthorIndexBanner-title-"] { [class*="AuthorIndexBanner-title-"] {
@ -1287,11 +1291,11 @@ input[type=password] {
} }
[class*="AuthorDetailsSeries-bookTypeLabel-"] { [class*="AuthorDetailsSeries-bookTypeLabel-"] {
color: #FFF; color: var(--text-hover);
} }
[class*="AuthorDetailsSeries-bookCount-"] { [class*="AuthorDetailsSeries-bookCount-"] {
color: #FFF; color: var(--text-hover);
} }
/*Search Tab*/ /*Search Tab*/
@ -1314,7 +1318,7 @@ input[type=password] {
/*Specific Book Page*/ /*Specific Book Page*/
[class*="BookDetails-tab-"] { [class*="BookDetails-tab-"] {
color: #FFF; color: var(--text-hover);
} }
/* Updates */ /* Updates */

8
css/base/requestrr/requestrr-base.css

@ -110,7 +110,7 @@ h6,
} }
#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i { #sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i {
color: white !important; color: var(--text-hover) !important;
} }
.card-profile-image img, .card-profile-image img,
@ -278,7 +278,7 @@ h6,
.btn-default, .btn-default,
.btn-default:hover { .btn-default:hover {
color: #fff; color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
border-color: transparent; border-color: transparent;
} }
@ -286,14 +286,14 @@ h6,
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active,
.show>.btn-default.dropdown-toggle { .show>.btn-default.dropdown-toggle {
color: #fff; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
border-color: transparent; border-color: transparent;
} }
.btn-default.disabled, .btn-default.disabled,
.btn-default:disabled { .btn-default:disabled {
color: #fff; color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
border-color: transparent; border-color: transparent;
opacity: .5; opacity: .5;

48
css/base/rutorrent/rutorrent-base.css

@ -172,7 +172,7 @@ ul.CMenu li a.exp:hover {
} }
ul.CMenu li a.sel { ul.CMenu li a.sel {
color: #ffffff; color: var(--text-hover);
background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.15);
} }
@ -197,7 +197,7 @@ ul.CMenu li:hover ul li a:hover {
} }
ul.CMenu li ul li a.dis { ul.CMenu li ul li a.dis {
color: #fff color: var(--text-hover);
} }
ul.CMenu li ul li a.dis:hover { ul.CMenu li ul li a.dis:hover {
@ -398,12 +398,12 @@ div select {
} }
a { a {
color: #fff; color: var(--link-color);
font-family: 'Roboto' font-family: 'Roboto'
} }
.flot-text { .flot-text {
color: #fff !important; color: var(--text-hover) !important;
} }
.flot-overlay { .flot-overlay {
@ -562,7 +562,7 @@ div#gcont table {
} }
div.graph_tab { div.graph_tab {
color: #FFF; color: var(--text-hover);
border-color: transparent; border-color: transparent;
background-color: rgba(0, 0, 0, 0.25) background-color: rgba(0, 0, 0, 0.25)
} }
@ -712,7 +712,7 @@ div#tdetails {
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
border-top-right-radius: 0px; border-top-right-radius: 0px;
border-top-left-radius: 0px; border-top-left-radius: 0px;
} }
@ -748,7 +748,7 @@ div#VDivider:hover {
} }
div#tcreate textarea#trackers { div#tcreate textarea#trackers {
color: #fff; color: var(--text-hover);
border: none !important; border: none !important;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
border-radius: 2px; border-radius: 2px;
@ -758,7 +758,7 @@ div#tcreate textarea#trackers {
input[type="text"], input[type="text"],
input[type="password"], input[type="password"],
select { select {
color: #fff; color: var(--text-hover);
border: none; border: none;
background: rgba(0, 0, 0, 0.25) url(/resources/rutorrent/headers.png) repeat-x scroll 0 -138px; background: rgba(0, 0, 0, 0.25) url(/resources/rutorrent/headers.png) repeat-x scroll 0 -138px;
border-radius: 2px; border-radius: 2px;
@ -769,7 +769,7 @@ input[type="text"][disabled],
input[type="password"][disabled], input[type="password"][disabled],
input[type="file"][disabled], input[type="file"][disabled],
select[disabled] { select[disabled] {
color: #fff; color: var(--text-hover);
border: none; border: none;
background: rgba(0, 0, 0, 0.08) url(/resources/rutorrent/headers.png) repeat scroll 0 0 !important; background: rgba(0, 0, 0, 0.08) url(/resources/rutorrent/headers.png) repeat scroll 0 0 !important;
border-radius: 2px; border-radius: 2px;
@ -789,7 +789,7 @@ textarea {
#lookat, #lookat,
#message, #message,
#FS_downlink { #FS_downlink {
color: #fff; color: var(--text-hover);
border: none !important; border: none !important;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
border-radius: 2px border-radius: 2px
@ -885,7 +885,7 @@ ul#tabbar li.selected a {
} }
.tabbar li a:hover { .tabbar li a:hover {
color: #fff; color: var(--text-hover);
background: none; background: none;
border: none border: none
} }
@ -893,7 +893,7 @@ ul#tabbar li.selected a {
.tabbar li.selected a { .tabbar li.selected a {
background: none; background: none;
border: none; border: none;
border-bottom: 2px solid #fff; border-bottom: 2px solid var(--text-hover);
color: #ececec; color: #ececec;
font-weight: 700; font-weight: 700;
margin: 0 2px 0 0; margin: 0 2px 0 0;
@ -1139,7 +1139,7 @@ div#lcont div.std:nth-child(2n+1) {
#stup_total, #stup_total,
#stdown_total { #stdown_total {
color: #fff color: var(--text-hover);
} }
span#ds, span#ds,
@ -1157,7 +1157,7 @@ span#ul {
} }
span.det { span.det {
color: #fff color: var(--text-hover);
} }
.stable-head table tr td { .stable-head table tr td {
@ -1363,7 +1363,7 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td {
} }
.stable-body tr.selected span.meter-value { .stable-body tr.selected span.meter-value {
color: #fff; color: var(--text-hover);
} }
.meter-text { .meter-text {
@ -1423,7 +1423,7 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td {
#meter-disk-text, #meter-disk-text,
#qmeter-disk-text, #qmeter-disk-text,
#meter-band-text { #meter-band-text {
color: #fff; color: var(--text-hover);
text-shadow: 0px 0px 2px #000; text-shadow: 0px 0px 2px #000;
position: relative; position: relative;
text-align: left; text-align: left;
@ -1453,7 +1453,7 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td {
position: absolute; position: absolute;
left: 65px; left: 65px;
top: 0px; top: 0px;
color: #fff; color: var(--text-hover);
text-shadow: 0px 0px 2px #000; text-shadow: 0px 0px 2px #000;
font-size: 11px; font-size: 11px;
font-family: Ubuntu; font-family: Ubuntu;
@ -1472,7 +1472,7 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td {
/* #meter-cpu-td {}*/ /* #meter-cpu-td {}*/
div.graph_tab { div.graph_tab {
color: #FFF; color: var(--text-hover);
border-color: transparent; border-color: transparent;
} }
@ -1573,7 +1573,7 @@ div#dlgAddRSS div.dlg-header {
.CellF { .CellF {
background-color: #000; background-color: #000;
color: #fff; color: var(--text-hover);
} }
#tCellNotSupported { #tCellNotSupported {
@ -1717,7 +1717,7 @@ div#tchat div.dlg-header {
border: none !important; border: none !important;
background-color: #6F6F6F !important; background-color: #6F6F6F !important;
border-radius: 2px !important; border-radius: 2px !important;
color: #fff !important color: var(--text-hover) !important
} }
div#logoff { div#logoff {
@ -1735,7 +1735,7 @@ div#logoffDlg div.dlg-header {
.noty_alert, .noty_alert,
.noty_success { .noty_success {
color: #000000; color: #000000;
text-shadow: 0 -1px 0 #ffffff text-shadow: 0 -1px 0 var(--text-hover)
} }
.retrackers { .retrackers {
@ -1746,7 +1746,7 @@ div#logoffDlg div.dlg-header {
font-family: Tahoma, Arial, Helvetica, sans-serif; font-family: Tahoma, Arial, Helvetica, sans-serif;
cursor: text; cursor: text;
background: rgba(0, 0, 0, 0.25) !important; background: rgba(0, 0, 0, 0.25) !important;
color: #fff !important; color: var(--text-hover) !important;
outline: none !important; outline: none !important;
} }
@ -1760,13 +1760,13 @@ div#logoffDlg div.dlg-header {
#dlgEditRatioRules .lf_rru li input.TextboxFocus, #dlgEditRatioRules .lf_rru li input.TextboxFocus,
#dlgEditRules .lf_rur li input.TextboxFocus { #dlgEditRules .lf_rur li input.TextboxFocus {
background-color: rgb(255 255 255 / 25%); background-color: rgb(255 255 255 / 25%);
color: #FFF; color: var(--text-hover);
} }
#dlgEditRatioRules .lf_rru li input.TextboxNormal, #dlgEditRatioRules .lf_rru li input.TextboxNormal,
#dlgEditRules .lf_rur li input.TextboxNormal { #dlgEditRules .lf_rur li input.TextboxNormal {
background-color: rgb(255 255 255 / .08) !important; background-color: rgb(255 255 255 / .08) !important;
color: #FFF; color: var(--text-hover);
} }
.autodl-listbox { .autodl-listbox {

26
css/base/sabnzbd/sabnzbd-base.css

@ -288,7 +288,7 @@ svg.peity polyline {
} }
.btn-default { .btn-default {
color: var(--button-text); color: var(--button-text) !important;
background: var(--button-color); background: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
outline: none !important; outline: none !important;
@ -296,13 +296,13 @@ svg.peity polyline {
.btn-default:focus, .btn-default:focus,
.btn-default.focus { .btn-default.focus {
color: var(--button-text-hover); color: var(--button-text-hover) !important;
background: var(--button-color-hover); background: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-default:hover { .btn-default:hover {
color: var(--button-text-hover); color: var(--button-text-hover) !important;
background: var(--button-color-hover); background: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -411,7 +411,7 @@ svg.peity polyline {
.btn-default.fileBrowser:hover, .btn-default.fileBrowser:hover,
.btn-default.fileBrowser:focus, .btn-default.fileBrowser:focus,
.btn-default.fileBrowser:active { .btn-default.fileBrowser:active {
color: #fff !important; color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
border-color: transparent !important; border-color: transparent !important;
} }
@ -450,7 +450,7 @@ svg.peity polyline {
} }
.btn-default.patternKey:hover { .btn-default.patternKey:hover {
color: #fff !important; color: var(--button-text-hover) !important;
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: transparent; border-color: transparent;
} }
@ -564,7 +564,7 @@ tr td.row-extra-text,
.progress strong, .progress strong,
.progress i { .progress i {
color: #fff; color: var(--text-hover);
} }
.progress { .progress {
@ -663,7 +663,7 @@ tr td.row-extra-text,
} }
.form-control { .form-control {
color: white; color: var(--text-hover);
background-color: rgb(0 0 0 / 25%); background-color: rgb(0 0 0 / 25%);
} }
@ -680,7 +680,7 @@ tr td.row-extra-text,
.history-queue-swicher .nav-tabs>li.active>a { .history-queue-swicher .nav-tabs>li.active>a {
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
border: 1px solid transparent; border: 1px solid transparent;
color: #fff !important; color: var(--text-hover) !important;
} }
.history-queue-swicher .nav { .history-queue-swicher .nav {
@ -903,7 +903,7 @@ input[type="week"]:focus {
input[type="date"] { input[type="date"] {
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
input[type="date"]::-webkit-calendar-picker-indicator { input[type="date"]::-webkit-calendar-picker-indicator {
@ -944,7 +944,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
} }
.Servers .ct-label { .Servers .ct-label {
color: white; color: var(--text-hover);
} }
.Servers .ct-series-a .ct-point { .Servers .ct-series-a .ct-point {
@ -1073,12 +1073,12 @@ select[disabled]:hover {
} }
#modal-options .tab-content h4 { #modal-options .tab-content h4 {
color: white; color: var(--text-hover);
} }
#modal-options .options-switch label, #modal-options .options-switch label,
#modal-options #options-orphans .process-all-orphaned { #modal-options #options-orphans .process-all-orphaned {
color: white; color: var(--text-hover);
} }
#modal-options #options-status small { #modal-options #options-status small {
@ -1168,7 +1168,7 @@ fieldset[disabled] .form-control {
#content a:active, #content a:active,
#content a:visited, #content a:visited,
#serverResponse { #serverResponse {
color: #eee; color: var(--text);
} }
/* interface configuration */ /* interface configuration */

66
css/base/sonarr/sonarr-base.css

@ -115,7 +115,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -153,7 +153,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
@ -166,13 +166,13 @@ a:hover {
[class*="EpisodeSummary-infoTitle-"], [class*="EpisodeSummary-infoTitle-"],
[class*="EpisodeDetailsModalContent-tab-"], [class*="EpisodeDetailsModalContent-tab-"],
[class*="DescriptionListItemTitle-title-"] { [class*="DescriptionListItemTitle-title-"] {
color: #fff; color: var(--text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -219,8 +219,14 @@ a:hover {
} }
/* SONARR SPECIFIC */ /* SONARR SPECIFIC */
[class*="EpisodeDetailsModalContent-selectedTab-"] {
border-color: var(--accent-color-hover);
background-color: rgb(0 0 0 / 40%);
}
[class*="SeriesSearchInput-sectionTitle-"] { [class*="SeriesSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { [class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
@ -233,7 +239,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -262,6 +268,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -385,7 +395,7 @@ a:hover {
} }
[class*="SeriesDetailsSeason-seasonNumber-"] { [class*="SeriesDetailsSeason-seasonNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="SeriesDetailsSeason-collapseButtonContainer-"] { [class*="SeriesDetailsSeason-collapseButtonContainer-"] {
@ -599,7 +609,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* MINI RIGHT SCROLL BAR */ /* MINI RIGHT SCROLL BAR */
@ -677,12 +687,12 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
[class*="SeriesSearchInput-container-"] [class*="Input-input-"] { [class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
background: transparent; background: transparent;
border-bottom: solid 1px #fff; border-bottom: solid 1px var(--text-hover);
} }
[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus { [class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus {
@ -691,20 +701,20 @@ a:hover {
} }
[class*="SeriesSearchResult-alternateTitle-"] { [class*="SeriesSearchResult-alternateTitle-"] {
color: #ffffff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
[class*="TagInput-input-"][class*="TagInput-isFocused-"] { [class*="TagInput-input-"][class*="TagInput-isFocused-"] {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
} }
@ -763,12 +773,12 @@ input:focus:-ms-input-placeholder {
} }
[class*="AddNewSeriesSearchResult-year-"] { [class*="AddNewSeriesSearchResult-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputSelectedValue-seriesFolder-"], [class*="RootFolderSelectInputSelectedValue-seriesFolder-"],
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"], [class*="RootFolderSelectInputOption-freeSpace-"],
@ -808,7 +818,7 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
[class*="ImportSeriesTitle-year-"] { [class*="ImportSeriesTitle-year-"] {
@ -820,7 +830,7 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* SEASON PASS */ /* SEASON PASS */
@ -836,7 +846,7 @@ input:focus:-ms-input-placeholder {
/* CALENDAR */ /* CALENDAR */
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
stroke: white !important; stroke: var(--text-hover) !important;
} }
[class*="CalendarEvent-downloaded-"] { [class*="CalendarEvent-downloaded-"] {
@ -936,7 +946,7 @@ input:focus:-ms-input-placeholder {
[class*="CalendarEvent-episodeInfo-"], [class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"], [class*="CalendarEvent-airTime-"],
[class*="Legend-legend-"] [class*="LegendItem-legendItem-"] { [class*="Legend-legend-"] [class*="LegendItem-legendItem-"] {
color: #ffffff !important; color: #fff !important;
} }
[class*="CalendarEvent-event-"] { [class*="CalendarEvent-event-"] {
@ -948,15 +958,15 @@ input:focus:-ms-input-placeholder {
} }
[class*="CalendarEventGroup-seriesTitle-"] { [class*="CalendarEventGroup-seriesTitle-"] {
color: #ffffff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEventGroup-airTime-"] { [class*="CalendarEventGroup-airTime-"] {
color: #fff; color: var(--text-hover);
} }
[class*="CalendarEventGroup-episodeInfo-"] { [class*="CalendarEventGroup-episodeInfo-"] {
color: #fff; color: var(--text-hover);
} }
/* calendar agenda */ /* calendar agenda */
@ -1018,7 +1028,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
@ -1037,7 +1047,7 @@ input:focus:-ms-input-placeholder {
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1048,7 +1058,7 @@ input:focus:-ms-input-placeholder {
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityDefinitions-sizeLimitHelpText-"] { [class*="QualityDefinitions-sizeLimitHelpText-"] {
@ -1107,7 +1117,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1119,13 +1129,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }

34
css/base/tautulli/tautulli-base.css

@ -72,7 +72,7 @@ h6,
} }
.list-unstyled { .list-unstyled {
color: #fff; color: var(--text-hover);
} }
.text-muted, .text-muted,
@ -101,7 +101,7 @@ a.no-highlight:hover,
#newsletter-config-modal span.newsletter_id, #newsletter-config-modal span.newsletter_id,
#plexpy-mobile-devices-table .friendly_name, #plexpy-mobile-devices-table .friendly_name,
#mobile-device-config-modal span.notifier_id { #mobile-device-config-modal span.notifier_id {
color: #fff; color: var(--text-hover);
} }
/* Navbar */ /* Navbar */
@ -206,15 +206,15 @@ select,
} }
.dashboard-activity-metadata-subtitle-container { .dashboard-activity-metadata-subtitle-container {
color: #fff; color: var(--text-hover);
} }
.dashboard-recent-media-metacontainer h3.text-muted a { .dashboard-recent-media-metacontainer h3.text-muted a {
color: #fff; color: var(--text-hover);
} }
.dashboard-recent-media-metacontainer h3.text-muted { .dashboard-recent-media-metacontainer h3.text-muted {
color: #fff; color: var(--text-hover);
} }
/* Buttons */ /* Buttons */
@ -334,7 +334,7 @@ input[type="search"]:focus,
input[type="tel"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, input[type="color"]:focus,
.uneditable-input:focus { .uneditable-input:focus {
color: #fff; color: var(--text-hover);
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
} }
@ -402,7 +402,7 @@ table.display thead tr:hover {
} }
.card-handle { .card-handle {
color: #fff; color: var(--text-hover);
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
} }
@ -412,14 +412,14 @@ table.display thead tr:hover {
} }
.stacked-configs>li>span { .stacked-configs>li>span {
color: #FFF; color: var(--text-hover);
border-left: 2px solid rgba(0, 0, 0, 0.25); border-left: 2px solid rgba(0, 0, 0, 0.25);
border-top: 1px solid rgba(255, 255, 255, 0.08); border-top: 1px solid rgba(255, 255, 255, 0.08);
} }
.stacked-configs>li>span:hover, .stacked-configs>li>span:hover,
.stacked-configs>li>span:focus { .stacked-configs>li>span:focus {
color: #fff; color: var(--text-hover);
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
} }
@ -485,7 +485,7 @@ span>a.active,
} }
.modal-body li { .modal-body li {
color: #fff; color: var(--text-hover);
} }
.modal-body { .modal-body {
@ -573,7 +573,7 @@ span>a.active,
} }
.accordion li .link { .accordion li .link {
color: #fff; color: var(--text-hover);
border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08);
} }
@ -619,7 +619,7 @@ span>a.active,
} }
.login-container .remember-group { .login-container .remember-group {
color: #eee; color: var(--text);
} }
#login-methods>li.open>div { #login-methods>li.open>div {
@ -628,13 +628,13 @@ span>a.active,
/* Buttons */ /* Buttons */
.btn-bright { .btn-bright {
color: #fff; color: var(--button-text);
background-color: var(--button-color); background-color: var(--button-color);
box-shadow: inset 0 1px 0 var(--button-color); box-shadow: inset 0 1px 0 var(--button-color);
} }
.btn-bright:hover { .btn-bright:hover {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover);
} }
@ -643,7 +643,7 @@ span>a.active,
.btn-bright.active, .btn-bright.active,
.open>.dropdown-toggle.btn-bright, .open>.dropdown-toggle.btn-bright,
#menu_link_show_advanced_settings.active { #menu_link_show_advanced_settings.active {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover);
} }
@ -657,7 +657,7 @@ span>a.active,
.btn-bright:active.focus, .btn-bright:active.focus,
.btn-bright.active.focus, .btn-bright.active.focus,
.open>.dropdown-toggle.btn-bright.focus { .open>.dropdown-toggle.btn-bright.focus {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover); box-shadow: inset 0 1px 0 var(--button-color-hover);
} }
@ -667,7 +667,7 @@ span>a.active,
.btn-dark:focus, .btn-dark:focus,
.btn-dark.focus, .btn-dark.focus,
.btn-dark:active:focus { .btn-dark:active:focus {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover) !important; background-color: var(--button-color-hover) !important;
opacity: .8; opacity: .8;
} }

18
css/base/transmission/transmission-base.css

@ -317,7 +317,7 @@ div.dialog_container div.dialog_window {
div.dialog_container div.dialog_window h2.dialog_heading, div.dialog_container div.dialog_window h2.dialog_heading,
div#upload_container div.dialog_window div.dialog_message label { div#upload_container div.dialog_window div.dialog_message label {
color: #dedede color: var(--text)
} }
input { input {
@ -332,7 +332,7 @@ input {
} }
div.dialog_container div.dialog_window div.dialog_message { div.dialog_container div.dialog_window div.dialog_message {
color: #dedede; color: var(--text);
} }
/* Button*/ /* Button*/
@ -421,20 +421,20 @@ div.dialog_container div.dialog_window a:active {
border: 1px solid transparent; border: 1px solid transparent;
background: rgba(255, 255, 255, .1) !important; background: rgba(255, 255, 255, .1) !important;
font-weight: normal; font-weight: normal;
color: #dedede; color: var(--text);
} }
.ui-state-active a, .ui-state-active a,
.ui-state-active a:link, .ui-state-active a:link,
.ui-state-active a:visited { .ui-state-active a:visited {
color: #dedede; color: var(--text);
text-decoration: none; text-decoration: none;
} }
.ui-state-default a, .ui-state-default a,
.ui-state-default a:link, .ui-state-default a:link,
.ui-state-default a:visited { .ui-state-default a:visited {
color: #dedede; color: var(--text);
text-decoration: none; text-decoration: none;
} }
@ -444,7 +444,7 @@ div.dialog_container div.dialog_window a:active {
border: 1px solid transparent; border: 1px solid transparent;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
font-weight: normal; font-weight: normal;
color: #dedede; color: var(--text);
} }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { .ui-tabs .ui-tabs-nav li.ui-tabs-active {
@ -487,7 +487,7 @@ div#torrent_inspector div.inspector_torrent_file_list_entry_name,
div#torrent_inspector ul.tier_list .tracker_activity, div#torrent_inspector ul.tier_list .tracker_activity,
div#torrent_inspector ul.tier_list table, div#torrent_inspector ul.tier_list table,
div#torrent_inspector div.tracker_host { div#torrent_inspector div.tracker_host {
color: #dedede; color: var(--text);
} }
/*Info button*/ /*Info button*/
@ -913,7 +913,7 @@ div.torrent_footer #turtle-button.selected:before {
content: "\f3fd"; content: "\f3fd";
font-weight: 900; font-weight: 900;
display: inline-block; display: inline-block;
color: white; color: var(--text-hover);
} }
/* Compact Icon */ /* Compact Icon */
@ -959,7 +959,7 @@ div.torrent_footer #compact-button.selected:before {
/*Compact mode*/ /*Compact mode*/
ul.torrent_list li.torrent div.torrent_name.paused, ul.torrent_list li.torrent div.torrent_name.paused,
ul.torrent_list li.torrent.compact div.torrent_name { ul.torrent_list li.torrent.compact div.torrent_name {
color: #dedede; color: var(--text);
} }
/* Settings menu */ /* Settings menu */

2
css/base/uptime-kuma/uptime-kuma-base.css

@ -327,7 +327,7 @@ td {
.multiselect__option--selected, .multiselect__option--selected,
.dark .multiselect__option--selected { .dark .multiselect__option--selected {
background: rgba(0, 0, 0, .45); background: rgba(0, 0, 0, .45);
color: #fff; color: var(--text-hover);
font-weight: 700; font-weight: 700;
} }

8
css/base/vuetorrent/vuetorrent-base.css

@ -226,8 +226,8 @@ p,
} }
.v-application .accent .v-icon__svg { .v-application .accent .v-icon__svg {
color: white !important; color: var(--text-hover) !important;
fill: white !important; fill: var(--text-hover) !important;
} }
.v-application .deep-purple.accent-4 { .v-application .deep-purple.accent-4 {
background-color: rgb(var(--accent-color))!important; background-color: rgb(var(--accent-color))!important;
@ -375,7 +375,7 @@ p,
.torrent-done-color .v-chip.stalled, .torrent-done-color .v-chip.stalled,
.torrent-done-color .v-chip.metadata, .torrent-done-color .v-chip.metadata,
.torrent-done-color .v-chip.moving { .torrent-done-color .v-chip.moving {
color: #fff !important; color: var(--text-hover) !important;
} }
/* DROPDOWN */ /* DROPDOWN */
@ -458,5 +458,5 @@ p,
} }
.v-speed-dial__list .v-icon__svg { .v-speed-dial__list .v-icon__svg {
fill: #fff; fill: var(--text-hover);
} }

2
css/base/webtools/webtools-base.css

@ -27,7 +27,7 @@ a,
} }
a:hover { a:hover {
color: #fff; color: var(--link-color-hover);
} }
#content:before { #content:before {

66
css/base/whisparr/whisparr-base.css

@ -112,7 +112,7 @@ a:hover {
} }
[class*="LoadingIndicator-ripple-"] { [class*="LoadingIndicator-ripple-"] {
border: 2px solid #fff; border: 2px solid var(--text-hover);
} }
/* MODAL */ /* MODAL */
@ -150,18 +150,18 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff; color: var(--text-hover);
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
[class*="ModalContent-closeButton-"]:hover { [class*="ModalContent-closeButton-"]:hover {
color: #fff; color: var(--text-hover);
} }
/* INPUT */ /* INPUT */
[class*="TagInput-internalInput-"] { [class*="TagInput-internalInput-"] {
background-color: transparent; background-color: transparent;
color: #fff; color: var(--text-hover);
} }
[class*="SelectInput-select-"] { [class*="SelectInput-select-"] {
@ -209,7 +209,7 @@ a:hover {
/* RADARR SPECIFIC */ /* RADARR SPECIFIC */
[class*="MovieSearchInput-sectionTitle-"] { [class*="MovieSearchInput-sectionTitle-"] {
color: #fff; color: var(--text-hover);
} }
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { [class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
@ -222,7 +222,7 @@ a:hover {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: #fff !important; color: var(--text-hover) !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
@ -243,6 +243,10 @@ a:hover {
background-color: transparent; background-color: transparent;
} }
[class*="PageSidebarItem-link-"] {
color: var(--text-hover)
}
[class*="PageSidebarItem-link-"]:hover { [class*="PageSidebarItem-link-"]:hover {
color: rgb(var(--accent-color)); color: rgb(var(--accent-color));
text-decoration: none; text-decoration: none;
@ -373,7 +377,7 @@ a:hover {
} }
[class*="MovieDetailsSeason-seasonNumber-"] { [class*="MovieDetailsSeason-seasonNumber-"] {
color: #fff; color: var(--text-hover);
} }
[class*="MovieDetailsSeason-collapseButtonContainer-"] { [class*="MovieDetailsSeason-collapseButtonContainer-"] {
@ -430,7 +434,7 @@ a:hover {
} }
[class*="EpisodeTitleLink-link-"]:hover { [class*="EpisodeTitleLink-link-"]:hover {
color: #fff; color: var(--text-hover);
text-decoration: none; text-decoration: none;
} }
@ -599,7 +603,7 @@ a:hover {
/* ALPHABET JUMP BAR */ /* ALPHABET JUMP BAR */
[class*="PageJumpBar-jumpBar-"] { [class*="PageJumpBar-jumpBar-"] {
color: #FFF; color: var(--text-hover);
} }
/* MINI RIGHT SCROLL BAR */ /* MINI RIGHT SCROLL BAR */
@ -679,12 +683,12 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
[class*="MovieSearchInput-container-"] [class*="Input-input-"] { [class*="MovieSearchInput-container-"] [class*="Input-input-"] {
background: transparent; background: transparent;
border-bottom: solid 1px #fff; border-bottom: solid 1px var(--text-hover);
} }
[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus { [class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus {
@ -693,24 +697,24 @@ a:hover {
} }
[class*="MovieSearchResult-alternateTitle-"] { [class*="MovieSearchResult-alternateTitle-"] {
color: #fff; color: var(--text-hover);
font-size: 12px; font-size: 12px;
} }
[class*="AddNewMovieSearchResult-year-"] { [class*="AddNewMovieSearchResult-year-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="Input-input-"]:focus { [class*="Input-input-"]:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
[class*="TagInput-input-"][class*="TagInput-isFocused-"] { [class*="TagInput-input-"][class*="TagInput-isFocused-"] {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
} }
@ -738,12 +742,12 @@ a:hover {
} }
[class*="AddNewmovieModalContent-year-"] { [class*="AddNewmovieModalContent-year-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputSelectedValue-movieFolder-"], [class*="RootFolderSelectInputSelectedValue-movieFolder-"],
[class*="RootFolderSelectInputSelectedValue-freeSpace-"] { [class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
color: #fff; color: var(--text-hover);
} }
[class*="RootFolderSelectInputOption-freeSpace-"], [class*="RootFolderSelectInputOption-freeSpace-"],
@ -815,7 +819,7 @@ input:focus:-ms-input-placeholder {
-webkit-background-size: auto, cover; -webkit-background-size: auto, cover;
-moz-background-size: auto, cover; -moz-background-size: auto, cover;
-o-background-size: auto, cover; -o-background-size: auto, cover;
color: white; color: var(--text-hover);
} }
[class*="ImportMovieSearchResult-movie-"]:hover { [class*="ImportMovieSearchResult-movie-"]:hover {
@ -848,7 +852,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="AddListMovieOverview-link-"]:hover { [class*="AddListMovieOverview-link-"]:hover {
color: #fff; color: var(--text-hover);
} }
[class*="AddListMovieOverview-content-"]:hover { [class*="AddListMovieOverview-content-"]:hover {
@ -856,14 +860,14 @@ input:focus:-ms-input-placeholder {
} }
[class*="PageJumpBarItem-jumpBarItem-"]:hover { [class*="PageJumpBarItem-jumpBarItem-"]:hover {
color: #fff; color: var(--text-hover);
background: hsla(0, 0%, 100%, .08); background: hsla(0, 0%, 100%, .08);
} }
/*Posters*/ /*Posters*/
[class*="AddListMoviePoster-title-"] { [class*="AddListMoviePoster-title-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff; color: var(--text-hover);
} }
/* MASS EDITOR */ /* MASS EDITOR */
@ -871,12 +875,12 @@ input:focus:-ms-input-placeholder {
[class*="PageContentFooter-contentFooter-"] { [class*="PageContentFooter-contentFooter-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
/* CALENDAR */ /* CALENDAR */
[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle { [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
stroke: white !important; stroke: var(--text-hover) !important;
} }
[class*="CalendarEvent-downloaded-"] { [class*="CalendarEvent-downloaded-"] {
@ -986,7 +990,7 @@ input:focus:-ms-input-placeholder {
[class*="CalendarEvent-episodeInfo-"], [class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"], [class*="CalendarEvent-airTime-"],
[class*="CalendarEvent-link-"] { [class*="CalendarEvent-link-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEvent-event-"] { [class*="CalendarEvent-event-"] {
@ -998,7 +1002,7 @@ input:focus:-ms-input-placeholder {
} }
[class*="CalendarEventGroup-movieTitle-"] { [class*="CalendarEventGroup-movieTitle-"] {
color: #fff !important; color: var(--text-hover) !important;
} }
[class*="CalendarEventGroup-airTime-"] { [class*="CalendarEventGroup-airTime-"] {
@ -1076,7 +1080,7 @@ input:focus:-ms-input-placeholder {
[class*="-cloneButton-"][class*="IconButton-button-"]:hover { [class*="-cloneButton-"][class*="IconButton-button-"]:hover {
color: white; color: var(--text-hover);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover {
@ -1095,7 +1099,7 @@ input:focus:-ms-input-placeholder {
[class*="LanguageProfileItem-languageProfileItem-"] { [class*="LanguageProfileItem-languageProfileItem-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
} }
[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] { [class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
@ -1106,7 +1110,7 @@ input:focus:-ms-input-placeholder {
[class*="KeyValueListInputItem-valueInput-"] { [class*="KeyValueListInputItem-valueInput-"] {
border: none; border: none;
background: transparent; background: transparent;
color: white; color: var(--text-hover);
} }
[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] { [class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
@ -1187,7 +1191,7 @@ input[type=email],
input[type=password] { input[type=password] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #FFF; color: var(--text-hover);
} }
.button { .button {
@ -1199,13 +1203,13 @@ input[type=password] {
.button:hover { .button:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: #fff; color: var(--button-text-hover);
text-decoration: none; text-decoration: none;
} }
.form-input:focus { .form-input:focus {
outline: 0; outline: 0;
border-color: #fff; border-color: var(--text-hover);
box-shadow: none; box-shadow: none;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }

6
css/base/xbackbone/xbackbone-base.css

@ -330,13 +330,13 @@ a:hover {
/* FORMS */ /* FORMS */
.form-control { .form-control {
color: #fff; color: var(--text-hover);
background-color: rgba(0, 0, 0, .15); background-color: rgba(0, 0, 0, .15);
border: 1px solid rgba(0, 0, 0, .15); border: 1px solid rgba(0, 0, 0, .15);
} }
.form-control:focus { .form-control:focus {
color: #fff; color: var(--text-hover);
background: #1f1f1f; background: #1f1f1f;
border-color: rgba(255, 255, 255, .15); border-color: rgba(255, 255, 255, .15);
outline: 0; outline: 0;
@ -344,7 +344,7 @@ a:hover {
} }
textarea.form-control:focus { textarea.form-control:focus {
color: #fff; color: var(--text-hover);
background: rgba(0, 0, 0, .35); background: rgba(0, 0, 0, .35);
border-color: rgba(255, 255, 255, .15); border-color: rgba(255, 255, 255, .15);
outline: 0; outline: 0;

Loading…
Cancel
Save