RetroTechCollection

Template:StyledTable/styles.css: Difference between revisions

Josh (talk | contribs)

5 user groups
6,665 edits
undo
Created page with "@media screen { table.styled-table { background-color: #f8f8f8; color: #202122; } html.skin-theme-clientpref-night table.styled-table, html.skin-theme-clientpref-os table.styled-table { background-color: #1e1f21; color: #eaecf0; } table.styled-table th { background-color: #4B9CD3; color: white; } html.skin-theme-clientpref-night table.styled-table th, html.skin-theme-clientpref-os table.styled-table th { background-color:..."
 
Added dark mode support
 
(One intermediate revision by the same user not shown)
Line 3: Line 3:
     background-color: #f8f8f8;
     background-color: #f8f8f8;
     color: #202122;
     color: #202122;
  }
     border-radius: 8px;
 
     border: 1px solid #a2a9b1;
  html.skin-theme-clientpref-night table.styled-table,
  html.skin-theme-clientpref-os table.styled-table {
     background-color: #1e1f21;
     color: #eaecf0;
   }
   }


Line 16: Line 12:
   }
   }


   html.skin-theme-clientpref-night table.styled-table th,
   table.styled-table td {
  html.skin-theme-clientpref-os table.styled-table th {
    border-color: #a2a9b1;
     background-color: #335577;
  }
}
 
/* Dark mode */
html.skin-theme-clientpref-night table.styled-table {
    background-color: #2b2b2f;
    color: #e0e0e0;
    border-color: #4a4a50;
}
 
html.skin-theme-clientpref-night table.styled-table th {
     background-color: #2d6a9f;
     color: #ffffff;
     color: #ffffff;
  }
}
 
html.skin-theme-clientpref-night table.styled-table td {
    border-color: #4a4a50;
    color: #e0e0e0;
}
 
@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os table.styled-table {
        background-color: #2b2b2f;
        color: #e0e0e0;
        border-color: #4a4a50;
    }
 
    html.skin-theme-clientpref-os table.styled-table th {
        background-color: #2d6a9f;
        color: #ffffff;
    }


  table.styled-table {
    html.skin-theme-clientpref-os table.styled-table td {
    border-radius: 8px;
        border-color: #4a4a50;
    border: 1px solid #a2a9b1;
        color: #e0e0e0;
  }
    }
}
}
Retrieved from "https://wiki.retrotechcollection.com/Template:StyledTable/styles.css"