πŸ‡ΊπŸ‡ΈUnited States @aaronruss

Account created on 1 August 2023, over 1 year ago
#

Recent comments

πŸ‡ΊπŸ‡ΈUnited States aaronruss

The Minimum installation profile sets Stark 9.5.10 An intentionally plain theme with no styling.  And the Standard installation profile sets Olivero 9.5.10 A clean, accessible, and flexible Drupal front-end theme.

I had been using the standard installation profile but switch to the minimum installation profile for migration testing and was not expecting the default theme to be plain looking html.

The problem is user error.  I enabled the Olivero 9.5.10 theme and it works fine.

πŸ‡ΊπŸ‡ΈUnited States aaronruss

The page has links to the css in the head tag as follows and I can access each url and read the css code. Here are some examples

<link rel="stylesheet" media="all" href="/core/modules/system/css/components/ajax-progress.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/autocomplete-loading.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/progress.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/sticky-header.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/tabledrag.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?ryynol" />
<link rel="stylesheet" media="all" href="/core/modules/system/css/components/tree-child.module.css?ryynol" />

An example of the first CSS URL

/**
 * @file
 * Throbber.
 */

.ajax-progress {
  display: inline-block;
  padding: 1px 5px 2px 5px;
}
[dir="rtl"] .ajax-progress {
  float: right;
}
.ajax-progress-throbber .throbber {
  display: inline;
  padding: 1px 6px 2px;
  background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0 center;
}
.ajax-progress-throbber .message {
  display: inline;
  padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/* Full screen throbber */
.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1000;
  top: 48.5%;
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%; /* LTR */
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
  background-image: url(../../../../misc/loading-small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
[dir="rtl"] .ajax-progress-fullscreen {
  right: 49%;
  left: auto;
}

So I can read the CSS in my browser but when using the Web Developer Inspector tool it shows no computed CSS.  I'm still getting no styles on the default minimum install.

Production build 0.71.5 2024