first commit

media/templates/administrator/atum/scss/pages/_com_config.scss

@@ -0,0 +1,22 @@
+// com_config
+
+.com_config {
+
+  #fieldset-permissions {
+    grid-template-columns: 1fr;
+  }
+
+  #page-filters .form-select {
+    width: auto;
+  }
+
+  .tab-description {
+    grid-column: 1 / -1;
+  }
+
+  .options-menu {
+    .revert-controls .controls {
+      margin-inline-start: 0;
+    }
+  }
+}

media/templates/administrator/atum/scss/pages/_com_content.scss

@@ -0,0 +1,31 @@
+.com_content.layout-edit {
+  joomla-field-media .field-media-preview {
+    height: 10.25rem;
+  }
+
+  joomla-tab {
+
+    #attrib-basic[active],
+    #editor[active] {
+      display: flex;
+      flex-wrap: wrap;
+
+      .form-group {
+        flex: 0 0 50%;
+        max-width: 50%;
+        box-shadow: none;
+
+        &:nth-child(1),
+        &:nth-child(19) {
+          flex: 0 0 100%;
+          max-width: 100%;
+        }
+      }
+
+      .field-spacer {
+        flex: 0 0 100%;
+        max-width: 100%;
+      }
+    }
+  }
+}

media/templates/administrator/atum/scss/pages/_com_cpanel.scss

@@ -0,0 +1,172 @@
+// com_cpanel
+
+.com_cpanel {
+
+  .content {
+    margin-top: 2rem;
+  }
+
+  .card {
+    p:last-child {
+      margin-bottom: 0;
+    }
+
+    .list-group,
+    .table {
+      padding: 0;
+      margin-bottom: unset;
+      border-top: 1px solid var(--border-color);
+    }
+
+  }
+
+  .card-header {
+    --card-bg: hsla(0, 0%, 100%, .7);
+
+    .btn {
+      margin-top: .25em;
+      margin-bottom: .25em;
+    }
+  }
+
+  .card-body {
+    padding: 0;
+    overflow: hidden;
+    border-bottom-right-radius: $border-radius;
+    border-bottom-left-radius: $border-radius;
+  }
+
+  .module-actions {
+    order: 1;
+    margin-inline-start: auto;
+
+    > * {
+      padding: 0;
+      color: var(--template-bg-dark-70);
+    }
+
+    @if $enable-dark-mode {
+      @include color-mode(dark) {
+        > * {
+          color: var(--body-color);
+        }
+      }
+    }
+  }
+
+  .cpanel-add-module {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-end;
+    width: 100%;
+    min-height: 130px;
+    padding: 0 1rem;
+    font-size: .875rem;
+    font-weight: 700;
+    line-height: 1;
+    color: var(--template-quickicon-color);
+    background-color: var(--body-bg);
+    border: 1px solid var(--body-bg);
+    border-radius: $border-radius;
+    transition: all .15s ease-in;
+
+    &:hover,
+    &:focus,
+    &:active {
+      color: #fff;
+      text-decoration: none;
+      background: var(--template-bg-dark);
+    }
+
+    > span {
+      padding: .25rem 0 1rem;
+    }
+
+    .cpanel-add-module-icon {
+      font-size: 2rem;
+      color: var(--template-quickicon-color);
+      margin-inline-end: .5rem;
+    }
+  }
+}
+
+.cpanel-modules {
+  .list-group {
+    border-top: 1px solid $list-group-border-color;
+  }
+
+  .list-group-item {
+    a {
+      font-weight: 500;
+      text-decoration: underline;
+    }
+
+    .btn {
+      text-decoration: none;
+    }
+
+    .list-group-item a > span {
+      &[class^="#{$jicon-css-prefix}-"],
+      &[class*=" #{$jicon-css-prefix}-"],
+      &[class^="#{$fa-css-prefix}-"],
+      &[class*=" #{$fa-css-prefix}-"] {
+        display: block;
+        padding: .5rem;
+        color: rgba(255, 255, 255, .9);
+        background: var(--#{$prefix}link-color);
+        box-shadow: $atum-box-shadow;
+
+        &:hover {
+          background: var(--#{$prefix}link-hover-color);
+        }
+      }
+    }
+  }
+
+  .list-group-item span.home-image {
+    &[class^="#{$jicon-css-prefix}-"],
+    &[class*=" #{$jicon-css-prefix}-"],
+    &[class^="#{$fa-css-prefix}-"],
+    &[class*=" #{$fa-css-prefix}-"] {
+      display: inline-block;
+      padding: 0;
+      margin: 0 .85rem;
+      font-size: .9rem;
+      color: var(--body-color);
+      box-shadow: none;
+      transform: scale(1.2);
+    }
+  }
+
+  h2 {
+    margin-bottom: 0;
+    font-size: $h4-font-size;
+  }
+
+  .mod-custom {
+    padding: 1rem;
+  }
+}
+
+.sample-data {
+  .list-group-item {
+    padding: 1rem;
+  }
+}
+
+.sample-data__title {
+  font-weight: bold;
+  color: var(--heading-color);
+}
+
+.sample-data__icon {
+  width: 1.3rem;
+  text-align: center;
+}
+
+.sample-data__desc {
+  border-inline-start: 4px solid hsl(var(--hue),50%,93%);
+  padding-inline-start: 1rem;
+  margin-inline-start: 8px;
+}

media/templates/administrator/atum/scss/pages/_com_joomlaupdate.scss

@@ -0,0 +1,7 @@
+// com_joomlaupdate
+
+.com_joomlaupdate {
+  caption {
+    caption-side: top;
+  }
+}

media/templates/administrator/atum/scss/pages/_com_media.scss

@@ -0,0 +1,16 @@
+:root {
+  --com-media-manager-overlay-header-bg: var(--template-bg-dark-5);
+  --com-media-manager-infobar-dt-color: rgba(0, 0, 0, .54);
+  --com-media-manager-content-bg: var(--body-bg);
+  --com-media-manager-overlay-bg: var(--template-bg-dark-3);
+  --com-media-manager-disk-name-color: var(--template-text-dark);
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark, true) {
+    --com-media-manager-overlay-bg: var(--template-bg-dark-90);
+    --com-media-manager-infobar-dt-color: rgba(255, 255, 255, .54);
+    --com-media-manager-overlay-header-bg: var(--template-bg-dark-80);
+    --com-media-manager-disk-name-color: var(--template-text-light);
+  }
+}

media/templates/administrator/atum/scss/pages/_com_modules.scss

@@ -0,0 +1,75 @@
+.new-modules {
+  // We use the same colors for the new module section as we do for the quickicons.
+  --text-color: var(--template-quickicon-color);
+  --bg-color: hsl(var(--hue), 60%, 97%);
+  --bg-color-hvr: var(--template-bg-dark);
+  --icon-color: var(--template-quickicon-color);
+  --icon-color-hvr: hsl(var(--hue), 50%, 93%);
+
+  .card-columns {
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  }
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .new-modules {
+      --bg-color: var(--template-bg-dark-80);
+      --bg-color-hvr: var(--template-bg-dark-65);
+      --icon-color: var(--template-bg-dark-80);
+      --icon-color-hvr: var(--template-quickicon-color);
+    }
+  }
+}
+
+.new-module {
+  display: flex;
+  overflow: hidden;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  border: 1px solid hsl(var(--hue), 50%, 93%);
+  border-radius: $border-radius;
+
+  * {
+    transition: all .25s ease;
+  }
+
+  &-details {
+    flex: 1 0;
+    padding: 1rem;
+  }
+
+  &-title {
+    margin-bottom: .25rem;
+    font-size: 1rem;
+    font-weight: 700;
+  }
+
+  &-caption {
+    display: flex;
+    margin: 0;
+    font-size: .875rem;
+  }
+
+  &-link {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    width: 2.5rem;
+    font-size: 1.2rem;
+    background: hsl(var(--hue), 50%, 93%);
+
+    span {
+      margin-bottom: 10px;
+      color: var(--icon-color);
+    }
+
+    .new-module:hover & {
+      background: var(--bg-color-hvr);
+
+      span {
+        color: var(--icon-color-hvr);
+      }
+    }
+  }
+}

media/templates/administrator/atum/scss/pages/_com_privacy.scss

@@ -0,0 +1,23 @@
+// com-privacy
+
+.tbody-icon {
+  .#{$jicon-css-prefix}-download,
+  .#{$fa-css-prefix}-download {
+    color: var(--success);
+    border-color: var(--success);
+  }
+
+  .#{$jicon-css-prefix}-mail,
+  .#{$fa-css-prefix}-mail {
+    color: var(--primary);
+    border-color: var(--primary);
+  }
+
+  .#{$jicon-css-prefix}-delete,
+  .#{$fa-css-prefix}-delete,
+  .#{$jicon-css-prefix}-times,
+  .#{$fa-css-prefix}-times {
+    color: var(--danger);
+    border-color: var(--danger);
+  }
+}

media/templates/administrator/atum/scss/pages/_com_scheduler.scss

@@ -0,0 +1,75 @@
+.new-tasks {
+  // We use the same colours for the new task section as we do for the quickicons.
+  --text-color: var(--template-quickicon-color);
+  --bg-color: hsl(var(--hue), 60%, 97%);
+  --bg-color-hvr: var(--template-bg-dark);
+  --icon-color: var(--template-quickicon-color);
+  --icon-color-hvr: hsl(var(--hue), 50%, 93%);
+
+  .card-columns {
+    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  }
+}
+
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .new-tasks {
+      --bg-color: var(--template-bg-dark-80);
+      --bg-color-hvr: var(--template-bg-dark-65);
+      --icon-color: var(--template-bg-dark-80);
+      --icon-color-hvr: var(--template-quickicon-color);
+    }
+  }
+}
+
+.new-task {
+  display: flex;
+  overflow: hidden;
+  color: var(--text-color);
+  background-color: var(--bg-color);
+  border: 1px solid hsl(var(--hue), 50%, 93%);
+  border-radius: $border-radius;
+
+  * {
+    transition: all .25s ease;
+  }
+
+  &-details {
+    flex: 1 0;
+    padding: 1rem;
+  }
+
+  &-title {
+    margin-bottom: .25rem;
+    font-size: 1rem;
+    font-weight: 700;
+  }
+
+  &-caption {
+    display: flex;
+    margin: 0;
+    font-size: .875rem;
+  }
+
+  &-link {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    width: 2.5rem;
+    font-size: 1.2rem;
+    background: hsl(var(--hue), 50%, 93%);
+
+    span {
+      margin-bottom: 10px;
+      color: var(--icon-color);
+    }
+
+    .new-task:hover & {
+      background: var(--bg-color-hvr);
+
+      span {
+        color: var(--icon-color-hvr);
+      }
+    }
+  }
+}

media/templates/administrator/atum/scss/pages/_com_tags.scss

@@ -0,0 +1,22 @@
+.com_tags {
+
+  #fieldset-image-intro,
+  #fieldset-image-fulltext {
+    > div {
+      grid-template-columns: 1fr;
+    }
+
+    @include media-breakpoint-up(md) {
+      display: inline-block;
+      width: calc(50% - 15px);
+    }
+  }
+
+  #fieldset-image-intro {
+    margin-inline-end: 15px;
+  }
+
+  #fieldset-image-fulltext {
+    margin-inline-start: 15px;
+  }
+}

media/templates/administrator/atum/scss/pages/_com_templates.scss

@@ -0,0 +1,58 @@
+// com_templates
+.com_templates {
+
+  .menu-assignment {
+    position: relative;
+
+    .menu-links {
+      padding-left: 0;
+      margin-top: 15px;
+      margin-left: 0;
+      column-count: 3;
+      column-gap: 15px;
+
+      @include media-breakpoint-down(lg) {
+        column-count: auto;
+      }
+
+      > li {
+        display: inline-block;
+        width: 100%;
+        margin-bottom: 15px;
+        vertical-align: top;
+        list-style: none;
+        backface-visibility: hidden;
+        page-break-inside: avoid;
+        break-inside: avoid;
+      }
+    }
+
+    .menu-links-block {
+      padding: 15px;
+      border: 1px solid $border-color;
+      border-radius: $border-radius-sm;
+
+      @if $enable-dark-mode {
+        @include color-mode(dark) {
+          --heading-color: var(--body-color);
+        }
+      }
+    }
+
+    label {
+      display: block;
+      padding: 3px 0;
+      font-size: inherit;
+
+      input {
+        position: relative;
+        margin-inline-end: 5px;
+      }
+    }
+  }
+
+  .thumbnail > img {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}

media/templates/administrator/atum/scss/pages/_com_users.scss

@@ -0,0 +1,131 @@
+// com_users
+
+.com_users {
+
+  &.view-debuggroup,
+  &.view-debuguser {
+
+    thead th {
+      white-space: normal;
+    }
+
+    .legend {
+      margin: 1rem 1rem 0;
+    }
+  }
+
+  &.view-mail {
+
+    .form-control {
+      max-width: 100%;
+    }
+  }
+
+  &.view-user, &.view-methods {
+    #com-users-methods-reset-container {
+      background-color: var(--light);
+    }
+
+    @if $enable-dark-mode {
+      @include color-mode(dark) {
+        #com-users-methods-reset-container {
+          background-color: var(--dark-bg-subtle);
+        }
+      }
+    }
+
+    .com-users-methods-list-method {
+      @extend .card;
+      @extend .mx-1;
+      @extend .mt-3;
+      @extend .mb-4;
+
+      &.com-users-methods-list-method-active {
+        @extend .border-secondary;
+
+        .com-users-methods-list-method-title h3 {
+          @extend .text-white;
+        }
+
+        .com-users-methods-list-method-header {
+          @extend .border-secondary;
+          @extend .bg-secondary;
+          @extend .text-white;
+        }
+      }
+
+      /** This is applied to headers that aren't an active method **/
+      &:not(.com-users-methods-list-method-active) .com-users-methods-list-method-header {
+        background-color: var(--light);
+      }
+
+      @if $enable-dark-mode {
+        @include color-mode(dark) {
+          /* stylelint-disable max-nesting-depth */
+          &:not(.com-users-methods-list-method-active) .com-users-methods-list-method-header {
+            /* stylelint-enable max-nesting-depth */
+            background-color: var(--dark-bg-subtle);
+          }
+        }
+      }
+
+      .com-users-methods-list-method-header {
+        @extend .align-items-center;
+        @extend .gap-2;
+        @extend .flex-wrap;
+        @extend .d-flex;
+        @extend .card-header;
+      }
+
+      .com-users-methods-list-method-image {
+        @extend .pt-1;
+        @extend .px-3;
+        @extend .pb-2;
+        @extend .rounded-2;
+
+        background-color: var(--light);
+      }
+
+      @if $enable-dark-mode {
+        @include color-mode(dark) {
+          /* stylelint-disable max-nesting-depth */
+          .com-users-methods-list-method-image {
+            /* stylelint-enable max-nesting-depth */
+            background-color: var(--dark-bg-subtle);
+          }
+        }
+      }
+
+      .com-users-methods-list-method-title {
+        @extend .flex-grow-1;
+        @extend .d-flex;
+        @extend .flex-column;
+
+        h3 {
+          @extend .fs-2;
+          @extend .p-0;
+          @extend .m-0;
+          @extend .d-flex;
+          @extend .gap-3;
+          @extend .align-items-center;
+        }
+      }
+
+      .com-users-methods-list-method-records-container {
+        @extend .card-body;
+      }
+
+      .com-users-methods-list-method-info {
+        @extend .my-1;
+        @extend .pb-1;
+        @extend .text-muted;
+      }
+    }
+  }
+
+  #fieldset-groups {
+    .controls {
+      margin-inline-start: 2rem;
+    }
+  }
+}

media/templates/administrator/atum/scss/pages/_plg_web_installer.scss

@@ -0,0 +1,7 @@
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .com-apps-container .grid-container .card:hover {
+      background-color: var(--gray-800);
+    }
+  }
+}