eikan

#CSS #Writefreely #darkMode #modeSombre #blue #bleu #theme #thème

Combinaison de plusieurs sources

J'ai combiné plusieurs feuilles de style pour afficher mon blog en mode sombre systématiquement.

Feuille de style et licence

Vous trouverez ci-dessous le code à adapter et/ou copier-coller dans l'écran de personnalisation de votre blog Writefreely.

Il est placé sous la licence Creative Common CC0, la plus ouverte, comme l'explique la page Wikipedia, et comme le mentionne le commentaire de la feuille de style principale.

Détails

Notez que les bleus ont les valeurs suivantes : – Bleu clair : #2da0ff, pour les titres principaux H1 et H2 des titres des articles – Bleu foncé : #2d34ff, pour les titres H2 à H3 courants

/* 
   Written in 2020 by Write.as

   To the extent possible under law, the author(s) have dedicated all 
   copyright and related and neighboring rights to this software to the 
   public domain worldwide. This software is distributed without any 
   warranty.

   You should have received a copy of the CC0 Public Domain Dedication 
   along with this software. If not, see 
   http://creativecommons.org/publicdomain/zero/1.0
*/

body {
	color: #eee;
	background: #111;
	}
	
body .post-title a:link, a:visited {
	color: #ccc;
	}
	
#collection .post-title a {
    color: #2da0ff;
	}
	
#collection {
	color: #eee;
	}
	
#collection pre {
	background: #060606;
	}

body h1 a, body header h1 a, body h2#title, body h2.post-title, body h2 a, body header h2 a, article h2 a {
	color: #2da0ff;
    font-family: "Open Sans", "Segoe UI", Tahoma, Arial, sans-serif ;
	}
	
body header p.description.p-note {
	color: #aaa;
	font-family: "Open Sans", "Segoe UI", Tahoma, Arial, sans-serif ;
	}

body h1 a:hover, body header h2 a:hover {
	color: #fff;
	}
	
body h1 a:visited, body header h2 a:visited {
	color: #ccc;
	}
	
body #manage ul a, body .dropdown-nav ul a, body #manage ul ul a, body #manage ul a, body footer nav, body footer nav a, body footer nav a.home, body footer nav a.home:visited, body footer nav a.home:link {
	color: #ddd;
	}
	
body footer nav a:hover, body footer nav a.home:hover {
	color: #2d34ff;
	}
	 
body .dropdown-nav ul ul, body .dropdown-nav ul li:hover, body #manage ul ul, body #manage ul ul li:hover, body #manage ul li:hover {
	background: #222;
	}

body #official-writing h2, body header h1#blog-title a, body h2, body #official-writing h3, body #official-writing h4, body #wrapper h2, body #wrapper h3, body #wrapper h4 {
	color: #2d34ff;
	}
	
body a {
	color: #2da0ff;
	}

body section a:hover, body article a:hover {
	text-decoration: none;
	border-bottom: 2px solid #2da0ff;
	}
	
body a:visited {
	color: #2da0ff;
	}
	
body #official-writing ul.collections li.collection a.title:link, body #official-writing ul.collections li.collection a.title:visited, body #wrapper ul.collections li.collection a.title:link, body #wrapper ul.collections li.collection a.title:visited {
	color: #cfcfcf;
	}
	 
body #official-writing ul.collections li a.create, body #wrapper ul.collections li a.create {
	color: #aaa;
	}
	 
body#me #official-writing h2 a:link, body#me #official-writing h2 a:visited {
	color: #a2a2ff;
	}
	
body img {
    border-radius: 10px;
}
body img.right {
     margin-left: 20px; 
     float: right;
}

body img.left {
     margin-right: 20px; 
     float: left;
}
	 
input {
	background: #202020;
	color: #bbb;
	}
	
#manage ul ul li img {
	filter: invert(1);
	}
	
#post code, #collection code, #subpage code {
	background: #202020;
		 color: #bbb;
    }

Par @eikan@newan.net