File: htdocs/modules/system/themes/dark/less/dark.less

/*
 * Dark Admin Theme
 *
 * @copyright       (c) 2000-2025 XOOPS Project (https://xoops.org)
 * @license         GNU public license 3.0 (https://www.gnu.org/licenses/gpl-3.0.html)
 * @package         themes
 * @since           2.5.x
 * @author          Xoops Design Theme <https://xoops.org/>
 * @maintained      Xoops Design Theme <https://xoops.org/>
 *
 */

@import "themes/dark";

body {
    background-color: @body-bg;
}

.outer {
    border: 2px solid darken(@gray-light, 20%);
}

.head {
    background-color: @gray-light;
    color: darken(@text-color, 20%);
}

.even {
    background-color: @gray-dark!important;
    color: @text-color;
}

.odd {
    background-color: @gray-light;
}

#xo-logo-head {
    background: #333740;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#xo-headnav {

  > li{
    border-left: 1px solid @headnav-separator-color;

    > a{
      background-color: @head-links-bg;
      border-left: 1px solid @headnav-separator-color-light;
      color: @head-links-color;

      &:hover{
        background-color: darken(@head-links-bg, 10%);
      }
    }

  }

}

#xo_globalnav {
    background: @nav-bg;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

#xo_globalnav ul.menu ul li a {
    color: @nav-menu-links-color;
  transition: ease all 250ms;
}

#xo_globalnav ul.menu ul li a:hover {
    background-color: @color-blue;
    color: @nav-links-color-hover;
}

#xo_globalnav ul.menu .menulink {
    color: @nav-links-color;
}

#xo_globalnav ul.menu .menulink:hover,ul.menu .menuhover {
    background: @nav-bg-hover;
  color: @nav-links-color-hover;
}

#xo_globalnav ul.menu .sub {

  &:after{
    border-left-color: @nav-menu-links-color;
  }

  &:hover{
    &:after{
      border-left-color: @nav-menu-links-color-hover;
    }
  }
}

#choosestyle a {
  background-color: rgba(0,0,0,0.2);
  border-left: 1px solid rgba(255,255,255,0.1);
  color: @nav-links-color;

  &:hover{
    background-color: @color-blue;
    color: @nav-links-color-hover;
  }
}

#xo-body {
    background-color: @body-bg;
    border: 1px solid rgba(0,0,0,0.15);
}

#xo-nav-options {
  background: @toolbar-bg;
  border-bottom: 1px solid #000;
  border-top: 1px solid rgba(255,255,255,0.1);
}

#xo-nav-options .modname {
    color: #1d1f24;
}

#xo-nav-options img {
  filter: grayscale(50%) brightness(85%);
}

#xo-footer {
    background-color: @head-logo-bg;
    color: @footer-color;
}

#xo-icon a, #xo-module-icons a {
    background-color: #FFF;
  border: 1px solid darken(@gray-light, 10%);
}

#xo-icon a:hover,#xo-module-icons a:hover {
  background: @blue-light;
}

img.module-size {
  background: #b0b0b0;
}

#xo-module-sort tr td {
  color: @gray-light;
  background-color: #0a0a0a;
}

#xo-module-sort img {
  filter: brightness(85%);
}

#xo-installable-modules img {
  filter: brightness(90%);
}

#xo-installable-modules tr.even td {
  background-color: @gray-dark;
}

#xo-module-sort tr.foot td {
  background-color: #3c3c3c;
}

.ui-dialog {
  background-color: @gray-light !important;
}