Darkmode with Neon for James.CodeGym.vn 1902
Per
// ==UserScript==
// @name CodeGym DARKMODE
// @namespace http://tampermonkey.net/
// @version 0.1.7
// @description Darkmode with Neon for James.CodeGym.vn 1902
// @author C1221G1-NguyenTranThanhNghia @iamnotnghia
// @match https://james.codegym.vn/*
// @license MIT
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @run-at document-idle
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
// body bg
addGlobalStyle('#page, .main-navigation ul ul{background: #202225 !important;}')
addGlobalStyle('body {color: #ACC8E5 !important; background: #112A46 !important;font-family: \'Montserrat\', Arial, sans-serif !important; }')
// h1 neon
addGlobalStyle('h1,h2{font-size: 32px;color: #83ba52;font-weight: 700;letter-spacing: 0.02em !important;text-transform: uppercase !important;text-shadow: 0 0 0.15em #1da9cc !important;white-space: nowrap !important;filter: blur(0.007em) !important;}')
addGlobalStyle('h2 {font-weight: 600;font-size: 32px;color: #fff !important;}')
// .pagelayout-course .course-content .sectionname a {
addGlobalStyle('.pagelayout-course .course-content .sectionname a { color: #83ba52 !important; font-weight: 600;letter-spacing: 0.02em !important;text-transform: uppercase !important;text-shadow: 0 0 0.15em #1da9cc !important;white-space: nowrap !important;filter: blur(0.007em) !important;}')
// left side nav
addGlobalStyle('#nav-drawer-container, [data-region="drawer"] .list-group-item.active {background:#1C334E;}')
addGlobalStyle('.list-group-item-action, .list-group-item {color:#83ba52 !important;background:#1C334E !important;text-shadow: 0 0 0.15em #1da9cc;white-space: nowrap !important;}')
addGlobalStyle('.list-group-item-action span.media-body {text-shadow:none;}')
addGlobalStyle('.list-group-item > a > span.instancename {font-size: 12px !important;}')
addGlobalStyle('[data-region="drawer"] .site-menubar-footer a {background:#1C334E !important;} [data-region="drawer"] .site-menubar-footer a .fa{color:#83ba52 !important;}')
//h3.section-title
addGlobalStyle('h3.section-title {font-weight: 600;font-size: 32px;color: #fff !important;letter-spacing: 0.02em !important;text-shadow: 0 0 0.15em #1da9cc !important;white-space: nowrap !important;}')
addGlobalStyle('h3.section-title>a:hover {text-decoration: none;}')
// code
addGlobalStyle('code {font-family: SFMono-Regular,Consolas, Arial, sans-serif;font-weight: bold ;background: #666;border-radius: 0.5em;white-space: pre;font-size: 16px!important;line-height: 1.75;}')
addGlobalStyle('.hljs {color: #fff}')
addGlobalStyle('span.hljs-keyword, span.hljs-number, span.hljs-string {color: #83ba52}')
// card bg
addGlobalStyle('.pagelayout-course .course-content .section.main,.card, .pagelayout-course #section-0 {background: #262a2d !important;}')
addGlobalStyle('.hljs {background: #1b1b1b !important;}')
// check-box size
addGlobalStyle('.icon {width: 20px !important;height: 20px}')
// .instancename title
addGlobalStyle(' .instancename {font-size: 16px!important; color: rgba(255, 255, 255, 0.8) !important;text-shadow: 0 0 0.10em #1da9cc !important;white-space: nowrap !important;filter: blur(0.007em) !important;}')
addGlobalStyle(' .instancename:hover {font-size: 18px!important;color: rgba(255, 255, 255, 1);text-shadow: 0 0 0.2em #1da9cc;transition: font-size 0.4s ease;}')
addGlobalStyle(' .activityinstance>a:hover {text-decoration: none;}')
// a:link a:hover
addGlobalStyle('a:link{color: #fff important;} a:hover {color: #82d4f0;')
//.activity-count
addGlobalStyle('.course-content .section-summary .section-summary-activities .activity-count {color:#6db467 !important;}')