Consumer Rights Wiki

User:Fen/Portals/Incidents/styles.css: Difference between revisions

← Older editNewer edit →
Fen (talk | contribs)
confirmed, Administrators
284 edits
No edit summary
Fen (talk | contribs)
confirmed, Administrators
284 edits
No edit summary
Line 113: Line 113:
/* Dark theme */
/* Dark theme */
/* Auto dark mode: OS preference */
/* Auto dark mode: OS preference */
@media screen and (prefers-color-scheme: dark) {
@media screen {
   html.skin-theme-clientpref-os .incidents-portal-wrapper {
   html.skin-theme-clientpref-night .incidents-portal-wrapper {
     background: #1e1e1e;
     background: #1e1e1e;
     color: #e5e5e5;
     color: #e5e5e5;
   }
   }


   html.skin-theme-clientpref-os .incidents-header {
   html.skin-theme-clientpref-night .incidents-header {
     background: linear-gradient(to right, #7f1d1d, #5a1010);
     background: linear-gradient(to right, #7f1d1d, #5a1010);
     color: #fff;
     color: #fff;
Line 126: Line 126:
   }
   }


   html.skin-theme-clientpref-os .incidents-title {
   html.skin-theme-clientpref-night .incidents-title {
     color: #ffbdbd;
     color: #ffbdbd;
   }
   }


   html.skin-theme-clientpref-os .incidents-subtitle {
   html.skin-theme-clientpref-night .incidents-subtitle {
     color: #ffcccc;
     color: #ffcccc;
   }
   }


   html.skin-theme-clientpref-os .incidents-card {
   html.skin-theme-clientpref-night .incidents-card {
     background: #2b2b2b;
     background: #2b2b2b;
     border: 2px solid #4d2c2c;
     border: 2px solid #4d2c2c;
Line 141: Line 141:
   }
   }


   html.skin-theme-clientpref-os .incidents-card:hover {
   html.skin-theme-clientpref-night .incidents-card:hover {
     box-shadow: 0 5px 10px rgba(255, 0, 0, 0.2);
     box-shadow: 0 5px 10px rgba(255, 0, 0, 0.2);
   }
   }


   html.skin-theme-clientpref-os .incidents-card-title {
   html.skin-theme-clientpref-night .incidents-card-title {
     color: #ff9999;
     color: #ff9999;
     border-bottom-color: #666;
     border-bottom-color: #666;
   }
   }


   html.skin-theme-clientpref-os .incidents-card-body {
   html.skin-theme-clientpref-night .incidents-card-body {
     color: #f0f0f0;
     color: #f0f0f0;
   }
   }


   html.skin-theme-clientpref-os .incidents-card-body a[href*="Category:"] {
   html.skin-theme-clientpref-night .incidents-card-body a[href*="Category:"] {
     background: #3a1a1a;
     background: #3a1a1a;
     border: 1px solid #aa4444;
     border: 1px solid #aa4444;
Line 160: Line 160:
   }
   }


   html.skin-theme-clientpref-os .incidents-card-body a[href*="Category:"]:hover {
   html.skin-theme-clientpref-night .incidents-card-body a[href*="Category:"]:hover {
     background: #502020;
     background: #502020;
     color: #ffdddd;
     color: #ffdddd;
Line 166: Line 166:
   }
   }


   html.skin-theme-clientpref-os a:link,
   html.skin-theme-clientpref-night a:link,
   html.skin-theme-clientpref-os a:visited {
   html.skin-theme-clientpref-night a:visited {
     color: #ff5e5e;
     color: #ff5e5e;
   }
   }


   html.skin-theme-clientpref-os a:hover {
   html.skin-theme-clientpref-night a:hover {
     color: #ff9999;
     color: #ff9999;
   }
   }


   html.skin-theme-clientpref-os .content-header {
   html.skin-theme-clientpref-night .content-header {
     color: #aabbee;
     color: #aabbee;
     border-bottom-color: #7881c7;
     border-bottom-color: #7881c7;
Retrieved from "https://consumerrights.wiki/User:Fen/Portals/Incidents/styles.css"