diff --git a/core/modules/system/css/components/collapse-processed.theme.css b/core/modules/system/css/components/collapse-processed.theme.css
new file mode 100644
index 0000000..4dfc8f8
--- /dev/null
+++ b/core/modules/system/css/components/collapse-processed.theme.css
@@ -0,0 +1,27 @@
+.collapse-processed > summary {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.collapse-processed > summary:before {
+  background: url(../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
+  content: "";
+  float: left;
+  height: 1em;
+  width: 1em;
+}
+[dir="rtl"] .collapse-processed > summary:before {
+  background-position: 100% 100%;
+  float: right;
+}
+.collapse-processed:not([open]) > summary:before {
+  background-position: 25% 35%; /* LTR */
+  -ms-transform: rotate(-90deg);
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+[dir="rtl"] .collapse-processed:not([open]) > summary:before {
+  background-position: 75% 35%;
+  -ms-transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
diff --git a/core/modules/system/css/components/details.theme.css b/core/modules/system/css/components/details.theme.css
new file mode 100644
index 0000000..c7e8671
--- /dev/null
+++ b/core/modules/system/css/components/details.theme.css
@@ -0,0 +1,21 @@
+/**
+ * Collapsible details.
+ *
+ * @see collapse.js
+ * @thanks http://nicolasgallagher.com/css-background-image-hacks/
+ */
+details {
+  border: 1px solid #ccc;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+details > .details-wrapper {
+  padding: 0.5em 1.5em;
+}
+/* @todo Regression: The summary of uncollapsible details are no longer
+     vertically aligned with the .details-wrapper in browsers without native
+     details support. */
+summary {
+  cursor: pointer;
+  padding: 0.2em 0.5em;
+}
diff --git a/core/modules/system/css/components/form.theme.css b/core/modules/system/css/components/form.theme.css
index df9a45d..609f913 100644
--- a/core/modules/system/css/components/form.theme.css
+++ b/core/modules/system/css/components/form.theme.css
@@ -22,3 +22,66 @@ form .field-multiple-table .field-multiple-drag .tabledrag-handle {
 form .field-add-more-submit {
   margin: .5em 0 0;
 }
+
+/**
+ * Markup generated by Form API.
+ */
+.form-item,
+.form-actions {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+tr.odd .form-item,
+tr.even .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.form-composite > .fieldset-wrapper > .description,
+.form-item .description {
+  font-size: 0.85em;
+}
+label.option {
+  display: inline;
+  font-weight: normal;
+}
+.form-composite > legend,
+.label {
+  display:inline;
+  font-size: inherit;
+  font-weight: bold;
+  margin: 0;
+  padding: 0;
+}
+.form-checkboxes .form-item,
+.form-radios .form-item {
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+.form-type-radio .description,
+.form-type-checkbox .description {
+  margin-left: 2.4em;
+}
+.marker {
+  color: #e00;
+}
+.form-required:after {
+  content: '';
+  vertical-align: super;
+  display: inline-block;
+  /* Use a background image to prevent screen readers from announcing the text. */
+  background-image: url(../../../misc/icons/ee0000/required.svg);
+  background-repeat: no-repeat;
+  background-size: 6px 6px;
+  width: 6px;
+  height: 6px;
+  margin: 0 0.3em;
+}
+abbr.tabledrag-changed,
+abbr.ajax-changed {
+  border-bottom: none;
+}
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error {
+  border: 2px solid red;
+}
diff --git a/core/modules/system/css/components/icons.theme.css b/core/modules/system/css/components/icons.theme.css
new file mode 100644
index 0000000..9f8b7fb
--- /dev/null
+++ b/core/modules/system/css/components/icons.theme.css
@@ -0,0 +1,9 @@
+/* Style for the help icon. */
+.icon-help {
+  background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */
+  padding: 1px 0 1px 20px; /* LTR */
+}
+[dir="rtl"] .icon-help {
+  background-position: 100% 50%;
+  padding: 1px 20px 1px 0;
+}
diff --git a/core/modules/system/css/components/node-unpublished.theme.css b/core/modules/system/css/components/node-unpublished.theme.css
deleted file mode 100644
index 2142cdb..0000000
--- a/core/modules/system/css/components/node-unpublished.theme.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @file
- * Visual styles for node-unpublished
- */
-
-.node--unpublished {
-  background-color: #fff4f4;
-}
diff --git a/core/modules/system/css/components/node.theme.css b/core/modules/system/css/components/node.theme.css
new file mode 100644
index 0000000..2142cdb
--- /dev/null
+++ b/core/modules/system/css/components/node.theme.css
@@ -0,0 +1,8 @@
+/**
+ * @file
+ * Visual styles for node-unpublished
+ */
+
+.node--unpublished {
+  background-color: #fff4f4;
+}
diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css
index ad4efc7..8e144c2 100644
--- a/core/modules/system/css/system.admin.css
+++ b/core/modules/system/css/system.admin.css
@@ -9,44 +9,35 @@
 .layout-container {
   margin: 0 1.5em;
 }
-
 .layout-container:after {
   content: "";
   display: table;
   clear: both;
 }
-
 @media screen and (min-width: 38em) {
   .layout-container {
     margin: 0 2.5em;
   }
-
   .layout-column {
     float: left; /* LTR */
     box-sizing: border-box;
   }
-
   [dir="rtl"] .layout-column {
     float: right;
   }
-
   .layout-column + .layout-column {
     padding-left: 10px; /* LTR */
   }
-
   [dir="rtl"] .layout-column + .layout-column {
     padding-right: 10px;
     padding-left: 0;
   }
-
   .layout-column.half {
     width: 50%;
   }
-
   .layout-column.quarter {
     width: 25%;
   }
-
   .layout-column.three-quarter {
     width: 75%;
   }
@@ -59,17 +50,14 @@
 .panel {
   padding: 5px 5px 15px;
 }
-
 .panel__description {
   margin: 0 0 3px;
   padding: 2px 0 3px 0;
 }
-
 .admin-panel {
   margin: 0;
   padding: 5px 5px 15px 5px;
 }
-
 .admin-panel .description {
   margin: 0 0 3px;
   padding: 2px 0 3px 0;
@@ -88,7 +76,6 @@
 small .admin-link:before {
   content: ' [';
 }
-
 small .admin-link:after {
   content: ']';
 }
@@ -99,30 +86,24 @@ small .admin-link:after {
 .system-modules thead > tr {
   border: 0;
 }
-
 .system-modules div.incompatible {
   font-weight: bold;
 }
-
 .system-modules td.checkbox {
   min-width: 25px;
   width: 4%;
 }
-
 .system-modules td.module {
   width: 25%;
 }
-
 .system-modules td {
   vertical-align: top;
 }
-
 .system-modules label,
 .system-modules-uninstall label {
   color: #1d1d1d;
   font-size: 1.15em;
 }
-
 .system-modules details {
   color: #5c5c5b;
   line-height: 20px;
@@ -130,13 +111,11 @@ small .admin-link:after {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .system-modules details[open] {
   height: auto;
   overflow: visible;
   white-space: normal;
 }
-
 .system-modules details[open] summary .text {
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
@@ -144,29 +123,24 @@ small .admin-link:after {
   hyphens: auto;
   text-transform: none;
 }
-
 .system-modules td details a {
   color: #5C5C5B;
   border: 0px;
 }
-
 .system-modules td details {
   border: 0;
   margin: 0;
   height: 20px;
 }
-
 .system-modules td details summary {
   padding: 0;
   text-transform: none;
   font-weight: normal;
   cursor: default;
 }
-
 .system-modules td {
   padding-left: 0;
 }
-
 @media screen and (max-width: 40em) {
   .system-modules td.name {
     width: 20%;
@@ -176,38 +150,30 @@ small .admin-link:after {
     width: 40%;
   }
 }
-
 .system-modules .requirements {
   padding: 5px 0;
   max-width: 490px;
 }
-
 .system-modules .links {
   overflow: hidden; /* prevents collapse */
 }
-
 .system-modules .checkbox {
   margin: 0 5px;
 }
-
 .system-modules .checkbox .form-item {
   margin-bottom: 0;
 }
-
 .admin-requirements,
 .admin-required {
   font-size: 0.9em;
   color: #666;
 }
-
 .admin-enabled {
   color: #080;
 }
-
 .admin-missing {
   color: #f00;
 }
-
 .module-link {
   display: block;
   padding: 2px 20px;
@@ -215,19 +181,15 @@ small .admin-link:after {
   margin-top: 2px;
   float: left; /* LTR */
 }
-
 [dir="rtl"] .module-link {
   float: right;
 }
-
 .module-link-help {
   background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat;
 }
-
 .module-link-permissions {
   background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat;
 }
-
 .module-link-configure {
   background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat;
 }
@@ -236,17 +198,14 @@ small .admin-link:after {
 .system-status-report td {
   vertical-align: top;
 }
-
 .system-status-report__status-icon {
   width: 16px;
   padding-right: 0; /* LTR */
 }
-
 [dir="rtl"] .system-status-report__status-icon {
   padding-left: 0;
   padding-right: 6px;
 }
-
 .system-status-report__status-icon:before {
   content: "";
   background-repeat: no-repeat;
@@ -255,15 +214,12 @@ small .admin-link:after {
   margin-top: 2px;
   display: block;
 }
-
 .system-status-report__status-icon--error:before {
   background-image: url(../../../misc/icons/ea2800/error.svg);
 }
-
 .system-status-report__status-icon--warning:before {
   background-image: url(../../../misc/icons/e29700/warning.svg);
 }
-
 .system-status-report__status-title {
   width: 25%;
 }
@@ -275,32 +231,25 @@ small .admin-link:after {
   margin-bottom: 0;
   font-weight: normal;
 }
-
 .theme-default .theme-info__header {
   font-weight: bold;
 }
-
 .theme-info__description {
   margin-top: 0;
 }
-
 .system-themes-list {
   margin-bottom: 20px;
 }
-
 .system-themes-list-uninstalled {
   border-top: 1px solid #cdcdcd;
   padding-top: 20px;
 }
-
 .system-themes-list__header {
   margin: 0;
 }
-
 .theme-selector {
   padding-top: 20px;
 }
-
 .theme-selector .screenshot,
 .theme-selector .no-screenshot {
   border: 1px solid #e0e0d8;
@@ -310,11 +259,9 @@ small .admin-link:after {
   height: auto;
   text-align: center;
 }
-
 .theme-default .screenshot {
   border: 1px solid #aaa;
 }
-
 .system-themes-list-uninstalled .screenshot,
 .system-themes-list-uninstalled .no-screenshot {
   max-width: 194px;
@@ -331,29 +278,24 @@ small .admin-link:after {
     margin: 0 20px 0 0; /* LTR */
     width: 294px;
   }
-
   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
     float: right;
     margin: 0 0 0 20px;
   }
-
   body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
     margin-top: 0;
   }
-
   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
     box-sizing: border-box;
     width: 31.25%;
     float: left; /* LTR */
     padding: 20px 20px 20px 0; /* LTR */
   }
-
   [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
     float: right;
     padding: 20px 0 20px 20px;
   }
-
   body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
     min-height: 170px;
   }
@@ -369,48 +311,39 @@ small .admin-link:after {
     margin: 0 20px 0 0; /* LTR */
     width: 294px;
   }
-
   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
   [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
     float: right;
     margin: 0 0 0 20px;
   }
-
   .toolbar-vertical .system-themes-list-installed .theme-info__header {
     margin-top: 0;
   }
-
   .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
     box-sizing: border-box;
     width: 31.25%;
     float: left; /* LTR */
     padding: 20px 20px 20px 0; /* LTR */
   }
-
   [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
     float: right;
     padding: 20px 0 20px 20px;
   }
-
   .toolbar-vertical .system-themes-list-uninstalled .theme-info {
     min-height: 170px;
   }
 }
-
 .system-themes-list-installed .theme-info {
   max-width: 940px;
 }
-
 .theme-selector .incompatible {
   margin-top: 10px;
   font-weight: bold;
 }
-
 .theme-selector .operations {
   margin: 10px 0 0 0;
   padding: 0;
 }
-
 .theme-selector .operations li {
   float: left; /* LTR */
   margin: 0;
@@ -418,31 +351,25 @@ small .admin-link:after {
   list-style-type: none;
   border-right: 1px solid #cdcdcd; /* LTR */
 }
-
 [dir="rtl"] .theme-selector .operations li {
   float: right;
   border-left: 1px solid #cdcdcd;
   border-right: none;
 }
-
 .theme-selector .operations li:last-child {
   padding: 0 0 0 0.7em; /* LTR */
   border-right: none; /* LTR */
 }
-
 [dir="rtl"] .theme-selector .operations li:last-child {
   padding: 0 0.7em 0 0;
   border-left: none;
 }
-
 .theme-selector .operations li:first-child {
   padding: 0 0.7em 0 0; /* LTR */
 }
-
 [dir="rtl"] .theme-selector .operations li:first-child {
   padding: 0 0 0 0.7em;
 }
-
 .system-themes-admin-form {
   clear: left;
 }
diff --git a/core/modules/system/css/system.theme.css b/core/modules/system/css/system.theme.css
index 913322a..1843839 100644
--- a/core/modules/system/css/system.theme.css
+++ b/core/modules/system/css/system.theme.css
@@ -3,87 +3,6 @@
  * Basic styling for common markup.
  */
 
-/**
- * Publishing status.
- */
-.node--unpublished {
-  background-color: #fff4f4;
-}
-
-/**
- * Markup generated by tablesort-indicator.html.twig.
- */
-th.is-active img {
-  display: inline;
-}
-td.is-active {
-  background-color: #ddd;
-}
-
-/**
- * Markup generated by Form API.
- */
-.form-item,
-.form-actions {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-tr.odd .form-item,
-tr.even .form-item {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.form-composite > .fieldset-wrapper > .description,
-.form-item .description {
-  font-size: 0.85em;
-}
-label.option {
-  display: inline;
-  font-weight: normal;
-}
-.form-composite > legend,
-.label {
-  display:inline;
-  font-size: inherit;
-  font-weight: bold;
-  margin: 0;
-  padding: 0;
-}
-.form-checkboxes .form-item,
-.form-radios .form-item {
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
-}
-.form-type-radio .description,
-.form-type-checkbox .description {
-  margin-left: 2.4em;
-}
-.marker {
-  color: #e00;
-}
-
-.form-required:after {
-  content: '';
-  vertical-align: super;
-  display: inline-block;
-  /* Use a background image to prevent screen readers from announcing the text. */
-  background-image: url(../../../misc/icons/ee0000/required.svg);
-  background-repeat: no-repeat;
-  background-size: 6px 6px;
-  width: 6px;
-  height: 6px;
-  margin: 0 0.3em;
-}
-
-abbr.tabledrag-changed,
-abbr.ajax-changed {
-  border-bottom: none;
-}
-.form-item input.error,
-.form-item textarea.error,
-.form-item select.error {
-  border: 2px solid red;
-}
 .button,
 .image-button {
   margin-left: 1em;
@@ -94,62 +13,3 @@ abbr.ajax-changed {
   margin-left: 0;
   margin-right: 0;
 }
-
-/* Style for the help icon. */
-.icon-help {
-  background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */
-  padding: 1px 0 1px 20px; /* LTR */
-}
-[dir="rtl"] .icon-help {
-  background-position: 100% 50%;
-  padding: 1px 20px 1px 0;
-}
-
-/**
- * Collapsible details.
- *
- * @see collapse.js
- * @thanks http://nicolasgallagher.com/css-background-image-hacks/
- */
-details {
-  border: 1px solid #ccc;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-details > .details-wrapper {
-  padding: 0.5em 1.5em;
-}
-/* @todo Regression: The summary of uncollapsible details are no longer
-     vertically aligned with the .details-wrapper in browsers without native
-     details support. */
-summary {
-  cursor: pointer;
-  padding: 0.2em 0.5em;
-}
-.collapse-processed > summary {
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-}
-.collapse-processed > summary:before {
-  background: url(../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
-  content: "";
-  float: left;
-  height: 1em;
-  width: 1em;
-}
-[dir="rtl"] .collapse-processed > summary:before {
-  background-position: 100% 100%;
-  float: right;
-}
-.collapse-processed:not([open]) > summary:before {
-  background-position: 25% 35%; /* LTR */
-  -ms-transform: rotate(-90deg);
-  -webkit-transform: rotate(-90deg);
-  transform: rotate(-90deg);
-}
-[dir="rtl"] .collapse-processed:not([open]) > summary:before {
-  background-position: 75% 35%;
-  -ms-transform: rotate(90deg);
-  -webkit-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
diff --git a/core/modules/system/system.libraries.yml b/core/modules/system/system.libraries.yml
index 4658265..7f4244d 100644
--- a/core/modules/system/system.libraries.yml
+++ b/core/modules/system/system.libraries.yml
@@ -11,10 +11,13 @@ base:
       css/components/action-links.theme.css: {}
       css/components/breadcrumbs.theme.css: {}
       css/components/button.theme.css: {}
+      css/components/collapse-processed.theme.css: {}
       css/components/container-inline.theme.css: {}
+      css/components/details.theme.css: {}
       css/components/exposed-filters.theme.css: {}
       css/components/field.theme.css: {}
       css/components/form.theme.css: {}
+      css/components/icons.theme.css: {}
       css/components/inline-form.theme.css: {}
       css/components/item-list.theme.css: {}
       css/components/links.theme.css: {}
@@ -22,7 +25,7 @@ base:
       css/components/messages.theme.css: {}
       css/components/more-help.theme.css: {}
       css/components/more-link.theme.css: {}
-      css/components/node-unpublished.theme.css: {}
+      css/components/node.theme.css: {}
       css/components/pager.theme.css: {}
       css/components/progress.theme.css: {}
       css/components/table-select.theme.css: {}