H3 VSCode Dark Theme CSS

氚云编辑器 夜间css样式。

  1. // ==UserScript==
  2. // @name H3 VSCode Dark Theme CSS
  3. // @namespace https://greasyfork.org/zh-CN/scripts/445809-h3-vscode-dark-theme-css
  4. // @version 0.7
  5. // @description 氚云编辑器 夜间css样式。
  6. // @author Patchouli_Go_
  7. // @match *://www.h3yun.com/*
  8. // @grant none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12. 'use strict';
  13. // Your code here...
  14. setTimeout( function(){
  15. //基本css样式
  16. var style = document.createElement('style')
  17. style.type = 'text/css'
  18. style.appendChild(document.createTextNode(
  19. '.monaco-editor.vs .token.string {\n color: #ce9178\n}\n' +
  20. '.monaco-editor.vs .token.keyword.ts{\n color: #569cd6\n}\n' +
  21. '.monaco-editor.vs .token.keyword.js{\n color: #569cd6\n}\n' +
  22. '.monaco-editor.vs .token.keyword.as {\n color: #3ac9a4\n}\n' +
  23. '.monaco-editor.vs .token.delimiter.array {\n color: #179fff\n}\n' +
  24. '.monaco-editor.vs .token.delimiter.parenthesis {\n color: #ce70b3\n}\n' +
  25. '.monaco-editor.vs .token.delimiter {\n color: #179ff1\n}\n' +
  26. '.monaco-editor.vs .token.number {\n color: #a7ce9b\n}\n' +
  27. '.monaco-editor.vs .token.identifier {\n color: #7cdcfe\n}\n' +
  28. '.monaco-editor.vs .token.comment {\n color: #6a9955\n}\n' +
  29. '.monaco-editor-background {\n background-color: #1e1e1e\n}\n' +
  30. '.form-design__navbar__left ul li a[data-v-36e38585] {\n color: #ffffff\n}\n' +
  31. '.form-design__navbar[data-v-36e38585] {\n background-color: #2d2d2d\n}\n' +
  32. '.monaco-editor.vs .glyph-margin {\n background-color: #252526\n}\n' +
  33. '.monaco-editor-hover.monaco-editor-background > div > div > div {\n color: #7cdcfe\n}\n' +
  34. '.monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) {\n background-color: #094771\n}\n' +
  35. '.context-view.monaco-menu-container {\n background-color: #252526\n; color: #fff\n}\n' +
  36. '.context-view.monaco-menu-container.bottom.left > div > div > ul > li > a {\n color: #fff\n}\n' +
  37. '.form-attribute-options .attr-row .attr-val .attr-wrap {\n width: 100%\n}\n' +
  38. '.monaco-editor.vs .view-overlays.focused .selected-text {\n background-color: #264f78\n}\n' +
  39. '.monaco-editor.vs .view-overlays .selected-text {\n background-color: #3a3d41\n}\n' +
  40. '.monaco-editor.vs.focused .current-line {\n border: 2px solid #282828\n}\n' +
  41. '.monaco-editor.vs .current-line {\n border: 2px solid #282828\n}\n' +
  42. '.monaco-editor.vs .cursor {\n background: #aeafad\n}\n' +
  43. '.monaco-editor .parameter-hints-widget .wrapper span {\n color: #c1cccc\n}\n' +
  44. '.monaco-editor .parameter-hints-widget .wrapper {\n background-color: #252526\n}\n' +
  45. '.monaco-editor .parameter-hints-widget .signatures {\n color: #d4d4d4\n}\n' +
  46. '.monaco-editor .parameter-hints-widget .signature .parameter.active {\n color: #18a3ff\n}\n' +
  47. '.monaco-editor .parameter-hints-widget .documentation .parameter {\n color: #d4d4d4\n}\n'
  48. ))
  49. var head = document.getElementsByTagName('head')[0]
  50. head.appendChild(style)
  51. // console.log("test")
  52. }, 2000)
  53. setTimeout( function(){
  54. console.log("finish")
  55. cssChange();
  56. var xdoc = document.getElementsByClassName("monaco-editor vs")
  57. for(let i =0; i< xdoc.length; i++) {
  58. xdoc[i].addEventListener('mousewheel', function(){
  59. cssChange();
  60. });
  61. }
  62. }, 2000)
  63. //绑定滚轮事件实时更新方法函数的颜色样式
  64. function cssChange() {
  65. var obj = document.getElementsByClassName("delimiter parenthesis");
  66. for(let i =0; i< obj.length; i++) {
  67. if(obj[i].previousSibling.className.indexOf("token identifier") > -1 && (obj[i].innerText == "(" || obj[i].innerText == "()")) {
  68. obj[i].previousSibling.style.color = "#dcdcaa";
  69. }
  70. }
  71. // var obj = document.getElementsByClassName("string");
  72. // for(let i =0; i< obj.length; i++) {
  73. // obj[i].style.color = "#ce9064";
  74. // }
  75. // obj = document.getElementsByClassName("keyword ts");
  76. // for(let i =0; i< obj.length; i++) {
  77. // obj[i].style.color = "#2c7ad6";
  78. // }
  79. // obj = document.getElementsByClassName("keyword as");
  80. // for(let i =0; i< obj.length; i++) {
  81. // obj[i].style.color = "#3ac9a4";
  82. // }
  83. // obj = document.getElementsByClassName("delimiter ts");
  84. // for(let i =0; i< obj.length; i++) {
  85. // obj[i].style.color = "#179ff1";
  86. // }
  87. // obj = document.getElementsByClassName("identifier ts");
  88. // for(let i =0; i< obj.length; i++) {
  89. // obj[i].style.color = "#68cefe";
  90. // }
  91. // obj = document.getElementsByClassName("comment ts");
  92. // for(let i =0; i< obj.length; i++) {
  93. // obj[i].style.color = "#6a9955";
  94. // }
  95. // obj = document.getElementsByClassName("monaco-editor-background");
  96. // for(let i =0; i< obj.length; i++) {
  97. // obj[i].style.background = "#1e1e1e";
  98. // }
  99. }
  100. })();
  101.