Last active
December 10, 2020 09:53
-
-
Save prenaudin/696ad3fde119d15dcf8dfddc255067a6 to your computer and use it in GitHub Desktop.
Le Monde - Dark Mode theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Colors variables */ | |
| :root { | |
| --black: #0A111A; | |
| --near-black: #2f2c3c; | |
| --white: #f0f0f0; | |
| --near-white: #D0D0D0; | |
| } | |
| body { | |
| color: --var(white); | |
| } | |
| /* Hide ads */ | |
| .dfp-slot { | |
| display: none; | |
| } | |
| .Header__jelec { | |
| display: none; | |
| } | |
| .Header { | |
| display: block; | |
| } | |
| .OUTBRAIN { | |
| display: none; | |
| } | |
| /* White logo in SVG */ | |
| .logo__lemonde { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='73' width='317' xmlns='http://www.w3.org/2000/svg' fill='%23f0f0f0'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M42 14.105C41.737 12.86 39.614 10 37.235 10c-.533 0-.884.09-1.235.183 2.293.893 4.057 3.205 4.59 2.817l1.321-.803v-.092H42zm15 54.191l-8.571-5.803c-1.031-.698-2.23-2.017-2.23-4.478V37l-.858.53-.341.176v20.921c0 1.76.94 3.605 2.223 4.484L55.886 69zm-37.024-21.08c.168-3.565-.586-7.914-1.346-12.09-.76-4.26-1.439-8.61-1.353-12.431.086-2.346.508-4.607 1.435-6.695-1.602 2.52-2.612 5.388-2.699 8.433-.252 7.392 3.206 17.04 2.866 24.524A115.83 115.83 0 0 1 18.63 52l.166-.176c.677-.958 1.098-2.433 1.18-4.608M32 68.17C30.714 65.58 27.632 64 24.03 64c-.346.08-.689.08-1.03.08 3.516.587 6.514 2.502 7.631 4.92zm31-30.92L60 34l.091 2.165L61.674 38zM145.192 19L138 14.723l1.08-.723 6.92 4.093c-.27.271-.54.542-.808.907m1.71 50l-2.952-2.082c-1.94-1.385-2.95-3.725-2.95-6.323V31.661c0-3.985.845-6.758 2.191-8.661-.758 1.903-1.096 4.243-1.096 6.93l.083 29.623c0 3.206.93 5.286 3.123 6.845l2.699 1.91zM123 68.736s-.278.175-.462.264h-.74V20.634c0-2.339-.185-2.339-1.666-3.382L118 15.692l1.393-.692c1.11.864 2.778 2.08 2.778 2.168.648.605.829.95.829 2.338v49.315zM87.647 9c-.738 1.93-.646 3.774.278 5.285.836 1.34 2.313 2.264 4.075 2.685-5.461.417-7.863-3.523-4.353-7.97m12.855 42c.355-1.379.5-2.93.5-4.565V21.38c0-3.012-.145-3.353-1.002-4.3h.145c1.212-.26 1.855 0 1.855 2.579v25.141c0 2.928-.426 4.822-1.498 6.201m2.148 18c-.715-2.366-2.876-4.367-6.65-4.914C96.543 64 97.08 64 97.622 64c4.668.086 6.018 2.996 6.289 3.907l.089.27zM231 68.386l-2.575-1.573c-2.323-1.404-3.527-3.586-3.527-6.911V36.199c0-1.398-.083-1.31-.603-1.749 0 0-1.804-1.488-3.008-2.45l-1.287.705 2.49 1.92c1.378 1.047 1.207 1.135 1.207 3.236v23.001c0 3.149 1.288 5.335 3.092 6.39L229.883 69zm-24 .434V33.306L205.656 32l-1.656.787 1.55 1.482V69h.835c.204-.09.514-.18.514-.18zm-28-.435l-9.998-6.087c-2.002-1.233-2.78-2.73-2.78-5.376V37l-.87.441-.352.175v20.276c0 2.381 1.042 4.14 2.871 5.203L177.866 69zM184 57V37.245c0-1.04-.33-1.39-1.084-1.82L179 33v1.3l2.25 1.297c1.666.952 1.666 1.127 1.666 2.95l-.08 17.76zm79-35.678v-.255c0-2.384-1.378-4.85-3.492-6.13-.81-.512-1.536-.937-1.536-.937l-.972.683.564.336c2.756 1.623 4.305 3.664 4.305 6.981zm32 46.974l-8.594-5.803c-1.018-.698-2.212-2.017-2.212-4.478V37l-.852.53-.342.176V58.36c0 2.288.855 3.872 2.298 4.84l8.508 5.8zm-37 .997l-9.18-6.007c-2.202-1.408-2.63-2.736-2.63-5.302V39l-.681.356-.509.262v18.81c0 3.008.936 4.333 2.379 5.302l9.513 6.27zm42-32.044L297 34l.089 2.165L298.674 38zM265 58V30l-2 .798v26.404z' fill='%238f98a9'/%3E%3Cpath d='M44.192 60.691L43.15 58.6l-2.696 1.738c-2.001-2.441-5.227-5.313-12.89-5.313C19.462 54.939 9.529 61.38 5 66.955L5.785 68c6.181-4.095 12.544-5.918 18.119-5.918 4.53 0 8.274 2.176 9.84 5.396zm8.368-47.727C50.99 10.526 46.81 6 38.534 6 28.607 5.915 19.9 13.663 19.55 23.069c-.264 7.489 3.309 17.154 2.958 24.643-.171 2.527-.698 4.355-1.739 5.745l1.041 1.223 6.1-4.44c2.964-2.185 4.617-4.881 4.529-9.58-.087-5.836-2.789-14.805-2.789-21.682 0-5.924 2.267-10.365 7.406-10.365 3.485 0 6.272 3.57 6.705 5.573.178.955 0 1.392-.87 2.001l-2.437 1.66v2.696l12.107-7.58zM75 36.13L63.328 23.242 45.12 33.863v2.438l3.747-2.086v24.122c0 1.39.524 2.262 1.393 2.874l9.67 6.267 13.678-7.927-1.133-2.438-7.144 3.832-6.444-4.443c-.785-.518-.872-1.042-.872-2.175V46.49zm-9.147 1.916l-7.838 4.875V30.206l.697-.433 7.141 8.273zm39.567 29.69c-.876-2.454-3.411-4.988-7.964-5.162-4.292-.088-10.418 1.577-15.49 5.426L81 66.773c3.678-4.025 12.255-10.495 21.266-10.586 4.73 0 8.054 1.577 10.417 4.113l3.941-2.188 1.138 2.277zm53.997-53.625c-3.419 2.01-4.557 4.726-4.557 8.925v33.499c0 2.105.266 3.062 1.402 3.678l1.139.615 3.15-1.844 1.052 2.106-10.942 6.562-3.76-2.541c-1.669-1.136-2.371-2.537-2.371-5.25V29.945c0-5.596 1.756-8.575 4.206-10.408l1.4-1.05-10.326-6.039-4.639 2.797v43.566c0 3.674-.525 4.2-3.768 5.86 0 0-2.531 1.227-6.026 3.064h-.703V19.45c0-2.36-.266-2.889-1.579-3.937l-3.672-2.973-4.465 2.534v25.022c0 4.37-.7 7.52-4.2 9.705l-8.75 5.512-.88-1.485c2.716-2.103 3.327-5.08 3.327-8.577V19.71c0-3.762-.52-5.248-4.463-4.548-1.486.26-3.762.611-5.162.786-5.778.789-8.23-3.324-4.29-8.484 0 0 .964-1.313 3.413-4.465l1.93 1.316-1.405 2.011c-1.836 2.629-.349 4.028 2.63 2.974 1.398-.526 4.11-1.572 6.035-2.364 8.311-3.233 11.377 2.103 11.815 5.252l10.329-6.21 8.92 6.82 11.025-6.82 8.492 4.813c2.886 1.657 4.287.958 6.301-.093l1.664-.873L163 12.014l-3.583 2.097zm39.462 42.235l-.784-1.905-3.043 1.556v-23.47c0-1.207-.432-2.163-1.65-2.86L182.18 23 164 33.565v2.514l3.744-2.165v22.951c0 2.076.516 2.859 1.827 3.637L180.615 67zM242 61.283l-.869-1.993-3.221 1.823-1.125-.696c-1.218-.693-1.481-1.563-1.481-3.64V31.922c0-1.994-.434-2.856-1.655-3.724l-6.698-5.025-10.35 5.893-5.477-5.893-10.96 6.672 1.48 1.728 3.738-2.246 2.696 3.029V66.83h.696c4.35-1.913 5.741-2.516 5.741-2.516 2.087-.868 2.698-1.56 2.698-3.982v-28.76l3.569-2.076 4.174 3.293c1.127.95 1.3 1.73 1.3 3.2l.088 23.562c0 2.595.784 4.069 2.52 5.109l3.657 2.17L242 61.283zm-56.082-1.297l-.519.087-7.136-4.16c-1.213-.693-1.48-1.472-1.48-3.034l.092-22.777.518-.175 6.874 3.987c1.388.78 1.651 1.473 1.651 2.943v23.129zm80.207.922l-.524.088-6.199-4.034c-1.218-.785-1.655-1.4-1.655-2.971V31.66l7.766-4.735.612.352v33.63zm12.918-3.591l-.783-2.015-3.145 1.66V19.837c0-5.429-2.442-8.929-6.457-11.383L264.731 6l-12.312 7.179 2.444 1.141 4.02-2.188 2.613 1.487c2.795 1.577 4.629 4.733 4.629 7.97v1.398L245 35.246v2.367l3.578-1.927V57.93c0 1.922.523 2.714 1.745 3.501L260.798 68zM313 36.475l-11.787-12.96-18.243 10.68v2.452l3.753-2.098v24.258c0 1.398.524 2.275 1.396 2.89L297.811 68l13.702-7.972-1.043-2.451-7.16 3.854-6.461-4.47c-.875-.61-.96-1.047-.96-2.185v-7.882zm-9.253 1.927l-7.857 4.903V30.518l.787-.436z'/%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .Header, | |
| .main, | |
| .Nav, | |
| .Nav__item a { | |
| background-color: var(--near-black); | |
| color: #e2e3e8; | |
| } | |
| .Nav { | |
| border: 0; | |
| } | |
| .zone, .zone--article { | |
| background-color: var(--black); | |
| color: var(--white); | |
| margin-top: 0; | |
| box-shadow: none; | |
| } | |
| .article--longform, .article__heading { | |
| background-color: var(--near-black); | |
| } | |
| .article--featured .article__wrapper { | |
| color: var(--near-white); | |
| background-color: var(--near-black); | |
| } | |
| .article--featured .article__type, .article--featured .article__byline { | |
| color: var(--near-white); | |
| } | |
| .d_encadrebis { | |
| background-color: var(--black); | |
| } | |
| .article__title, .article__desc, .article__paragraph, .article__sub-title, .meta__authors, .meta__publisher { | |
| color: var(--white); | |
| } | |
| .article__kicker { | |
| color: var(--near-white); | |
| } | |
| .d_explications { | |
| color: var(--near-white); | |
| } | |
| .area--section { | |
| border-color: var(--near-black) | |
| } | |
| .area__title { | |
| color: var(--white); | |
| } | |
| .aside__iso { | |
| display: none; | |
| } | |
| .main--abo .article__content { | |
| max-width: 820px; | |
| margin: 0 auto; | |
| } | |
| .meta__social { | |
| display: none; | |
| } | |
| .zone--article { | |
| grid-template-columns: 1fr 0; | |
| grid-column-gap: 0rem; | |
| } | |
| .article--featured { | |
| background-color: var(--near-black); | |
| } | |
| .article__byline { | |
| color: var(--black) !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment