Raw Source Toggle Dropdown

• Minified Source

salience / DevOps syntax highlighting- Atom One Dark

// ==UserScript==
// @name         DevOps syntax highlighting- Atom One Dark
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Atom One Dark highlightJS syntax theme on Azure DevOps wiki
// @author       salience
// @copyright    2021, salience (https://openuserjs.org/users/salience)
// @license      MIT
// @match        *://dev.azure.com/*
// @match        *://*.visualstudio.com/*
// @run-at       document-idle
// @grant        none
// ==/UserScript==

const style = `<style id="theme">
/*
Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
*/
.hljs,
.hljs code {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf !important;
  background: #282c34 !important;
}
.hljs-keyword, .hljs-operator {
  color: #F92672;
}
.hljs-pattern-match {
  color: #F92672;
}
.hljs-pattern-match .hljs-constructor {
  color: #61aeee;
}
.hljs-function {
  color: #61aeee;
}
.hljs-function .hljs-params {
  color: #A6E22E;
}
.hljs-function .hljs-params .hljs-typing {
  color: #FD971F;
}
.hljs-module-access .hljs-module {
  color: #7e57c2;
}
.hljs-constructor {
  color: #e2b93d;
}
.hljs-constructor .hljs-string {
  color: #9CCC65;
}
.hljs-comment, .hljs-quote {
  color: #b18eb1;
  font-style: italic;
}
.hljs-doctag, .hljs-formula {
  color: #c678dd;
}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e06c75;
}
.hljs-literal {
  color: #56b6c2;
}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #98c379;
}
.hljs-built_in, .hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
  color: #d19a66;
}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #61aeee;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-link {
  text-decoration: underline;
}
</style>`;


(function() {
    'use strict';

    const head = document.getElementsByTagName("head")[0];
    head.insertAdjacentHTML("beforeend", style);

    moveEnd(head, 1);
})();

function moveEnd(headNode, time) {
    let i = 0;
    while (i < 10) {
        setTimeout(function() {
            headNode.appendChild(document.getElementById('theme'));
        }, time * i * 1000);
        i++;
    }
}