hunk.code_window:     async function setUserTheme() {
         const data = await UserService.user(user.ID);
         // Initialize user theme base on Usertheme from database
         const userTheme = data.UserTheme;
         ThemeManager.setTheme(userTheme);
       }
       async function setUser(jwt) {
         LocalStorage.storeJWT(jwt);
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:       if (userTheme === 'auto' || !userTheme) {
           ThemeManager.autoTheme();
         } else {
           ThemeManager.setTheme(userTheme);
         }
  
hunk.file_path: app/portainer/services/authentication.js
hunk.type: replace
file: <div class="datatable">
    <rd-widget>
      <rd-widget-body classes="no-padding">
        <div class="toolBar">
          <div class="toolBarTitle"> <i class="fa" ng-class="$ctrl.titleIcon" aria-hidden="true" style="margin-right: 2px;"></i> {{ $ctrl.titleText }} </div>
        </div>
        <div class="searchBar">
          <i class="fa fa-search searchIcon" aria-hidden="true"></i>
          <input
            type="text"
            class="searchInput"
            ng-model="$ctrl.state.textFilter"
            ng-change="$ctrl.onTextFilterChange()"
            placeholder="Search..."
            auto-focus
            ng-model-options="{ debounce: 300 }"
          />
        </div>
        <div class="table-responsive">
          <table class="table table-hover">
            <thead>
              <tr>
                <th>
                  <a ng-click="$ctrl.changeOrderBy('Time')">
                    Date
                    <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Time' && !$ctrl.state.reverseOrder"></i>
                    <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Time' && $ctrl.state.reverseOrder"></i>
                  </a>
                </th>
                <th>
                  <a ng-click="$ctrl.changeOrderBy('Category')">
                    Category
                    <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Category' && !$ctrl.state.reverseOrder"></i>
                    <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Category' && $ctrl.state.reverseOrder"></i>
                  </a>
                </th>
                <th>
                  <a ng-click="$ctrl.changeOrderBy('Module')">
                    Module
                    <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Module' && !$ctrl.state.reverseOrder"></i>
                    <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Module' && $ctrl.state.reverseOrder"></i>
                  </a>
                </th>
                <th>
                  <a ng-click="$ctrl.changeOrderBy('Content')">
                    Content
                    <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Content' && !$ctrl.state.reverseOrder"></i>
                    <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Content' && $ctrl.state.reverseOrder"></i>
                  </a>
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                dir-paginate="item in ($ctrl.state.filteredDataSet = ($ctrl.dataset | filter:$ctrl.state.textFilter | orderBy:$ctrl.state.orderBy:$ctrl.state.reverseOrder | itemsPerPage: $ctrl.state.paginatedItemLimit))"
                ng-class="{ active: item.Checked }"
              >
                <td>{{ item.Time }}</td>
                <td>{{ item.Category }}</td>
                <td>{{ item.Module }}</td>
                <td>{{ item.Content }}</td>
              </tr>
              <tr ng-if="!$ctrl.dataset">
                <td colspan="4" class="text-center text-muted">Loading...</td>
              </tr>
              <tr ng-if="$ctrl.state.filteredDataSet.length === 0">
                <td colspan="4" class="text-center text-muted">No events available.</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="footer" ng-if="$ctrl.dataset">
          <div class="paginationControls">
            <form class="form-inline">
              <span class="limitSelector">
                <span style="margin-right: 5px;">
                  Items per page
                </span>
                <select class="form-control" ng-model="$ctrl.state.paginatedItemLimit" ng-change="$ctrl.changePaginationLimit()" data-cy="component-paginationSelect">
                  <option value="0">All</option>
                  <option value="10">10</option>
                  <option value="25">25</option>
                  <option value="50">50</option>
                  <option value="100">100</option>
                </select>
              </span>
              <dir-pagination-controls max-size="5"></dir-pagination-controls>
            </form>
          </div>
        </div>
      </rd-widget-body>
    </rd-widget>
  </div>
  