Skip to content

Choice Of Games (Personally) Better Dark Mode by abrahamariel

Screenshot of Choice Of Games (Personally) Better Dark Mode
Homepage Write a review Install Get Stylus

Details

Authorabrahamariel

LicenseNo License

Categorychoiceofgames.com,www.choiceofgames.com

Created

Updated

Size5.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Choice Of Games (Personally) Better Dark Mode.

Shades of dark blue background and light grey text with alternative fonts for readability.
Only works when game is set in black background mode (a.k.a. 'nightmode' in the CSS).

Fonts used:

  • Source Serif Pro for serif fonts
  • Assistant for sans serif font.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Choice Of Games (Personally) Better Dark Mode
@author         AbrahamAriel
@description	Shades of dark blue and light grey text with (personally) better fonts for readability. Only works when game is set in black background mode (a.k.a. 'nightmode' in the CSS).
@namespace      userstyles.world/style/509/choice-of-games-personally-better-dark-mode
@homepageURL    https://www.reddit.com/r/choiceofgames/comments/ovo3eh/choicescriptsaveplugininjector_add_save_system_to/
@version        1.2.7
==/UserStyle== */

@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIXzD-0qpwxpaWvjeD0X88SAOeasd8ctSyqxA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmaxq0r.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Source Serif Pro';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIWzD-0qpwxpaWvjeD0X88SAOeauXEOoguP.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/assistant/v7/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtrhnIGaV3w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/assistant/v7/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnIGaV3w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/assistant/v7/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtgFgIGaV3w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* div#header div#identity,
div#header p#headerLinks,
p#emailUs {
	display: none !important;
} */

body.nightmode {
	font-family: 'Assistant', sans-serif !important;
	font-weight: lighter;
	font-smooth: always;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	background-color: #14161e !important;
	color: #ddd !important;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 1s ease;
}

body.nightmode div.container,
body.nightmode.frozen div.container {
	padding: 0 5px !important;
}

body.nightmode div#main {
	text-align: justify;
	font-size: 18px;
}

body.nightmode div#main div#text {
	font-family: 'Assistant', sans-serif !important;
}

body.nightmode div#main form {
	font-size: 18px;
	font-family: 'Assistant', sans-serif !important;
	font-weight: lighter;
	font-style: italic;
}

body.nightmode div#header {
	font-family: 'Source Serif Pro', serif !important;
}

body.nightmode p#buttons select,
body.nightmode p#buttons button {
	background-color: #14161e;
	color: #ddd !important;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
    -webkit-appearance: none;
	box-shadow: none;
	border: 1px solid #e8eaed;
	padding: 6px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: 'Assistant', sans-serif !important;
	font-weight: lighter;
}

body.nightmode select#quickSaveMenu {
	margin: 0 10px 0 0;
}

body.nightmode select#quickSaveMenu,
body.nightmode button.savePluginBtn {
	margin-right: 10px !important;
}

body.nightmode p#buttons select:hover,
body.nightmode p#buttons button:hover,
body.nightmode div.choice label:hover
{
	background-color: #37393e !important;
	color: white;
}

body.nightmode button.next {
	font-family: 'Source Serif Pro', serif !important;
	font-weight: bold !important;
	
	text-transform: uppercase;
	color: #ddd !important;
	background-color: #14161e !important;
	border: 1px solid #e8eaed;
}

body.nightmode button.next:hover {
	color: white;
	background-color: #37393e !important;
}

body.nightmode div#mobileLinks {
	display: none;
}

body.nightmode .alertify {
	font-family: 'Assistant', sans-serif !important;
	background-color: #14161e;
	color: #ddd !important;
}

Reviews

No reviews yet.