fix

Author: kerwin612

web_src/js/components/DashboardRepoList.vue

@@ -361,7 +361,7 @@ export default defineComponent({
       </h4>
       <div v-if="isLoading && !reposTotalCount" class="ui attached segment" :class="{'is-loading': isLoading}"/>
       <div v-if="isRepoEmpty" class="ui attached segment empty-placeholder">
-        <svg-icon name="octicon-no-entry" :size="24" class-name="repo-list-icon"/>
+        <svg-icon name="octicon-no-entry" :size="24" class-name="empty-placeholder-icon"/>
         <p>{{ textNoRepo }}</p>
       </div>
       <div v-if="reposTotalCount" class="ui attached segment repos-search">
@@ -479,7 +479,7 @@ export default defineComponent({
       </h4>
       <div v-if="isLoading" class="ui attached segment" :class="{'is-loading': isLoading}"/>
       <div v-if="isOrgEmpty" class="ui attached segment empty-placeholder">
-        <svg-icon name="octicon-no-entry" :size="24" class-name="repo-list-icon"/>
+        <svg-icon name="octicon-no-entry" :size="24" class-name="empty-placeholder-icon"/>
         <p>{{ textNoOrg }}</p>
       </div>
       <div v-if="organizations.length" class="ui attached table segment tw-rounded-b">
@@ -562,11 +562,12 @@ ul li:not(:last-child) {
   background: var(--color-hover);
 }
 
-.empty-placeholder > svg, p {
+.empty-placeholder-icon {
   color: var(--color-placeholder-text);
 }
 
 .empty-placeholder p {
   margin: 1rem auto !important;
+  color: var(--color-placeholder-text);
 }
 </style>