// ==UserScript==
// @name Greasy Fork Christmas Theme
// @namespace -
// @version 0.2
// @description Greasy Fork christmas theme for better atmosphere.
// @author NotYou
// @match *greasyfork.org/*
// @match *sleazyfork.org/*
// @require https://code.jquery.com/jquery-3.3.1.min.js
// @run-at document-body
// @license GPLv3
// @license-link https://www.gnu.org/licenses/gpl-3.0.txt
// @grant GM_addStyle
// @downloadURL none
// ==/UserScript==

/*

﹀ Change Log ﹀

0.2 Version:
- More wrapper
- More chocolate

*/

// CSS //

(function() {
let css = `

#main-header {
background: rgba(0, 0, 0, 0) repeating-linear-gradient(-290deg, rgb(219, 33, 33), rgb(132, 39, 39) 15px, rgb(151, 151, 151) 10px, rgb(255, 255, 255) 25px) repeat scroll 0% 0% !important;
}

figure {
background: rgba(0, 0, 0, 0) repeating-linear-gradient(40deg, rgb(219, 33, 33), rgb(132, 39, 39) 15px, rgb(151, 151, 151) 10px, rgb(255, 255, 255) 25px) repeat scroll 0% 0% !important;
}

figcaption {
color: rgb(5, 5, 5) !important;
font-weight: 800 !important;
}

option[data-language-url], option[value^="help"] {
background-color: rgb(232, 232, 232);
color: rgb(5, 5, 5) !important;
}

#main-header, #main-header a, #main-header a:active, #main-header a:visited {
color: rgb(5, 5, 5) !important;
}

#christmashat {
z-index: 10;
position: absolute;
left: 0px;
top: -60px;
}

nav nav {
background: rgba(0, 0, 0, 0) repeating-linear-gradient(-239deg, rgb(219, 33, 33), rgb(132, 39, 39) 15px, rgb(151, 151, 151) 10px, rgb(255, 255, 255) 25px) repeat scroll 0% 0% !important;
border: 1px solid rgb(5, 5, 5) !important;
}

.list-option-group .list-current {
background: linear-gradient(rgb(117, 51, 36), rgb(47, 15, 8)), repeating-linear-gradient(-70deg, rgb(219, 33, 33), rgb(132, 39, 39) 15px, rgb(151, 151, 151) 10px, rgb(255, 255, 255) 25px) !important;
background-origin: padding-box, border-box !important;
background-repeat: no-repeat !important;
border: 5px solid transparent !important;
color: rgb(210, 210, 210) !important;
border-radius: 4px !important;
}

`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  let styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();

// jQuery //

$('div#site-name').append
('<img src="https://icons.iconarchive.com/icons/youthedesigner/christmas-graphics/128/santa-hat-icon.png" alt="" id="christmashat">');