AnonymousFox

/home/develito/public_html/media/com_akeeba/css/sources/_dark.scss

/*
 * @package   akeebabackup
 * @copyright Copyright (c)2006-2023 Nicholas K. Dionysopoulos / Akeeba Ltd
 * @license   GNU General Public License version 3, or later
 */

@use "sass:color";

// region Joomla Dark Mode override
/**
 * Most dark mode solutions I've seen for the Joomla backend invariably change the anchor hover color. While FEF set the
 * anchor color it does not change its hover color. This makes things look a bit weird. By overriding the hover color we
 * restore a bit of color harmony.
 */
#akeeba-renderer-fef {
  a:hover {
    color: $teal;
  }

a[class*="akeeba-action"] {
    color: $light-grey;
  }

a[class*="akeeba-btn"] {
    &:hover {
      color: $light-grey !important;
    }

&[class*="--grey"] {
      &:hover {
        color: $grey !important;
      }
    }
  }
}
// endregion

// region FEF Backports -- Breadcrumbs
ul.akeeba-breadcrumb {
  color: darken($light-grey, 20%);

li {
    a {
      color: $light-grey;

&:hover {
        color: $teal;
      }
    }

span.divider {
      color: darken($light-grey, 20%);
    }
  }
}

// endregion

// region Backup Now
div.backup-steps-container {
  background: lighten($grey, 10%);
  border: thin solid darken($grey, 10%);

#backup-step {
    border-bottom: thin dotted $light-grey;
  }

#backup-substep {
    color: $teal !important;
  }
}

#warnings-list {
  div {
    border-bottom: thin dotted $light-grey;
  }
}

#error-panel-troubleshooting a {
  color: color.scale($teal, $lightness: 30%);
}

// endregion

// region Folder browser
a.akeeba-browser-folder {
  color: $light-grey;

&:hover {
    color: $teal;
  }
}

// endregion

// region Database table filters
#tables {
  .table-container {
    background-color: $grey;
    color: $light-grey;
    border-bottom: 1px solid lighten($teal, 10%);

&:hover {
      background-color: lighten($grey, 5%);
    }

span.table-rowcount {
      color: $green;
    }

.akeeba-btn--grey {
      background: lighten($grey, 10%);
      color: $light-grey;
      border: thin solid darken($grey, 10%);

&:hover {
        background: lighten($grey, 20%);
      }
    }
  }
}

// endregion

// region File filters
#ak_crumbs {
  color: lighten($grey, 20%);
}

div#folders {
  div.folder-container
  {
    color: $light-grey;
    background: $grey;

&:hover {
      background-color: lighten($grey, 5%);
    }

span.folder-name {
      &:hover {
        color: $teal !important;
      }
    }

.akeeba-btn--grey {
      background: lighten($grey, 10%);
      color: $light-grey;
      border: thin solid darken($grey, 10%);

&:hover {
        background: lighten($grey, 20%);
      }
    }
  }
}

div#files {
  .file-container {
    color: $light-grey;
    background-color: $grey;

&:hover {
      background-color: lighten($grey, 5%);
    }

span.file-clickable {
      &:hover {
        color: $teal;
      }
    }

span.file-size {
      color: $green;
    }

.akeeba-btn--grey {
      background: lighten($grey, 10%);
      color: $light-grey;
      border: thin solid darken($grey, 10%);

&:hover {
        background: lighten($grey, 20%);
      }
    }
  }
}
// endregion

// region Manage backups
div.akeeba-buadmin-startdate {
  border-top: 1px solid lighten($grey, 30%);
  color: darken($light-grey, 20%);
  padding-top: 2px;
  margin-top: 2px
}
// endregion