@mixin settings-dashboard-theme($theme) {
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);
  $accent: map-get($theme, accent);
  $is-dark: map-get($theme, is-dark);

  // Todo
  app-pages-settings-dashboard {
    .center {
      .header {
        .search-wrapper {
          background: map-get($background, card);

          .sidebar-toggle {
            border-right-color: map-get($foreground, divider);
          }

          .search {
            input {
              background: map-get($background, card);
              color: map-get($foreground, text);
            }
          }
        }
      }

      .content-card {
        .toolbar {
          .toolbar-separator {
            background: map-get($foreground, divider);
          }
        }
      }
    }
  }

  // Todo list
  app-pages-settings-dashboard-list {
    border-right-color: map-get($foreground, divider);
  }

  // Todo list item
  app-pages-settings-dashboard-list-item {
    border-bottom-color: map-get($foreground, divider);

    .tags {
      .tag {
        background-color: rgba(0, 0, 0, 0.08);
      }
    }

    &.completed {
      @if ($is-dark) {
        background: map-get($background, background);
      } @else {
        background: #efefef;
      }

      .title,
      .notes {
        color: map-get($foreground, secondary-text);
      }
    }

    &.selected {
      @if ($is-dark) {
        background: map-get($background, background);
      } @else {
        background: map-get($accent, 50);
      }
    }
  }

  // Todo details
  app-pages-settings-dashboard-details {
    .dashboard-header {
      background: map-get($background, background);
      border-bottom-color: map-get($foreground, divider);
    }

    .dashboard-content {
      .tag {
        background-color: rgba(0, 0, 0, 0.08);
      }
    }
  }
}
