☰

Dark Theme for Dreadcast

Dreadcast sans violence pour les yeux.

  1. /* ==UserStyle==
  2. @name           Dark Theme for Dreadcast
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.4.3
  5. @description    Dreadcast sans violence pour les yeux.
  6. @author         Victoire, Tex
  7. @include		https://www.dreadcast.net/Main
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url("https://www.dreadcast.net/Main") {
  11. 	/* Fond zone gauche */
  12. 	#zone_gauche_inventaire {
  13. 		background: none 0 0 no-repeat;
  14. 	}
  15. 	#zone_gauche {
  16. 		width: 100%;
  17. 		background-image: url(https://i.imgur.com/jmipu1D.png);
  18. 		background-size: 100%;
  19. 	}
  20.  
  21. 	.grid_head_travail_logement .btn.link.infoAide {
  22. 		background-color: #fff0;
  23. 		color: rgb(0 204 255 / .5);
  24. 	}
  25. 	#statsInventaire, #statsInventaire, #statsInventaire, #stockInventaire, #stockInventaire, #stockInventaire {
  26. 		color: rgb(0 204 255 / .5);
  27. 		background: #fff0;
  28. 		text-shadow: 1px 1px 1px #000;
  29. 		border: 1px solid rgb(0 204 255 / .5);
  30. 	}
  31. 	#ciseauxInventaire.hover, #ciseauxInventaire.selected, #ciseauxInventaire:hover, #poubelleInventaire.hover, #poubelleInventaire.selected, #poubelleInventaire:hover, #statsInventaire.hover, #statsInventaire.selected, #statsInventaire:hover, #stockInventaire.hover, #stockInventaire.selected, #stockInventaire:hover {
  32. 		color: rgb(0 204 255 / .5);
  33. 		background: #fff0;
  34. 		text-shadow: 1px 1px 1px #000;
  35. 		border: 1px solid rgb(0 204 255 / .5);
  36. 	}
  37.  
  38. 	/* Fonds sacs */
  39. 	.zone_conteneurs_displayed .conteneur .conteneur_content,
  40. 	#infoBox,
  41. 	.infoBoxFixed,
  42. 	#interface_achat.colorize {
  43. 		background-color: rgba(0, 0, 0, .75);
  44. 	}
  45. 	.dataBox .content {
  46. 		background-color: rgba(0, 0, 0, .75);
  47. 	}
  48. 	.case_objet.linkBox::before,
  49. 	.case_objet.linkBox::after {
  50. 		display: none;
  51. 	}
  52.  
  53. 	/* Accomplissements */
  54. 	#acc_carte {
  55. 		background: #0000007d;
  56. 		box-shadow: 0 0 10px -1px #000;
  57. 	}
  58. 	#acc_carte_content {
  59. 		box-shadow: 15px 15px 75px inset #28282673, -15px -15px 75px inset #000000a1;
  60. 		background: #28282680;
  61. 	}
  62.  
  63. 	/* Fond des cases meuble */
  64. 	.meuble_inventaire .case_objet.linkBox_vide {
  65. 		background-image: none;
  66. 	}
  67. 	span.couleur0 {
  68. 		color: #7f7f7f
  69. 	}
  70.  
  71. 	/* Fond zone droite */
  72. 	#zone_droite {
  73. 		background-image: url(https://i.imgur.com/C4yZ5hm.png);
  74. 		background-size: 100%;
  75. 	}
  76.  
  77. 	#zone_gauche_inventaire,
  78. 	#zone_droite > .grid > .grid.top,
  79. 	#zone_chat_bg {
  80. 		background: none;
  81. 		box-shadow: none;
  82. 	}
  83.  
  84. 	#zone_chat #onglets_chat li.selected {
  85. 		color: #c0cad2;
  86. 		background: #4a4343;
  87. 	}
  88. 	#zone_chat #onglets_chat li {
  89. 		color: #c0cad2;
  90. 	}
  91.  
  92. 	/* Fond chat */
  93. 	#zone_chat_bg {
  94. 		background: rgba(255, 0, 0, 0);
  95. 		box-shadow: 0 0 15px -5px inset rgba(255, 238, 0, .03);
  96. 	}
  97. 	.hologram img {
  98. 		width: 0%;
  99. 	}
  100.  
  101. 	/* Messagerie */
  102. 	div[id^="db_message_"] {
  103. 		background: rgba(23, 64, 89, .32);
  104. 	}
  105. 	.avatar {
  106. 		width: 70px;
  107. 		height: 70px;
  108. 	}
  109. 	ul {
  110. 		background: #f000;
  111. 	}
  112. 	.dataBox .message {
  113. 		left: -2%;
  114. 	}
  115. 	.message .zone_reponse #nm_texte textarea {
  116. 		background: #ffffffab;
  117. 	}
  118.  
  119. 	.dataBox .head {
  120. 			background: linear-gradient(to bottom,rgb(0, 0, 0) 0,#000000bf 100%);
  121. 	}
  122. 	.dataBox .message .contenu {
  123. 		background: rgba(43, 50, 51, .3);
  124. 	}
  125.  
  126. 	.dataBox .close, .dataBox .reduce, .btnTxt, #zone_carnet .btn, #zone_carnet .btnTxt, #zone_messagerie .btnTxt {
  127. 		box-shadow: 0 2rem 1rem 0.5rem inset #282e2f;
  128. 		background-color: #fff0;
  129. 		color: rgba(255, 255, 255, .97);
  130. 		border: 1px solid #777f84
  131. 	}
  132.  
  133. 	.dataBox .close:hover, .dataBox .reduce:hover, .btnTxt:hover {
  134. 		background-color: #455155;
  135. 		box-shadow: 0 2rem 1rem 0.5rem inset #4a5253;
  136. 	}
  137.  
  138. 	#liste_adresses .header .btnTxt, #liste_contacts .content .btnTxt, #liste_contacts .header .btnTxt, #liste_messages .header .btnTxt {
  139. 		color: rgba(255, 255, 255, .97);
  140. 	}
  141. }