Html 如何编辑网站'；背景色

我没有编码经验，但我使用的网站在一些“框”中的颜色太鲜艳了

我想创建一个插件，这样我和另一个用户就可以使用“黑暗主题”

我遵循了一些指南，但我无法让它工作

我特别尝试将“leftcolumn”背景色从“ffffff”更改为“806546”

它目前正在使用一个CSS参考文件来更改颜色，但我已经通过在chrome的编辑器中添加该元素成功地编辑了颜色

如何更改CSS文件的元素，以便更改背景颜色

<div class="leftcolumn" style="background-color: #806546;"></div>

---

听起来你刚刚找到了一个教科书上的例子，说明了为什么TamperMonkey（最近）和GreaseMonkey（过时）的扩展被发明了

非常复杂：您需要创建一个清单，内容脚本和背景页面有单独的文件——这一切都有点复杂。这是变化的织锦

但并不是所有的一切都失去了——救援

为您选择的浏览器安装

在目标网站上，单击TamperMonkey图标

单击“添加新脚本”或（如果未显示）单击“仪表板”，然后在打开时单击[+]选项卡。将打开一个新的空白脚本模板。修改如下：

/==UserScript==
//@name将显示在脚本列表中的名称（在TM Dashboard中）
//@名称空间http://tampermonkey.net/
//@match*://name\u of\u desired\u domain.com/*
//@需要http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
//@grant none
//==/UserScript==
（功能（）{
"严格使用",；
//您的代码位于此处。例如：
让mycss='.leftcolumn{背景色：#806546}'；
$（正文）.append（mycss）；
});

注:

@name行是脚本的名称。它可以是任何东西——任何东西都可以。当有一天，您为几个网站编写了几个TamperMonkey脚本（我目前有200多个），这就是TamperMonkey仪表板中显示的名称，就像Excel电子表格的“文件名”

@match行最初将填充您所在页面的确切url。通常，这不是你想要的。例如，假设您在网站

http://example.com/blog/name-of-a-particular-blog-post

-通常，您会希望在每篇博客文章上运行相同的脚本，而不仅仅是这篇。只需将过于特定的部分替换为

*

，如下所示：

http://example.com/blog/*

现在，它将在url以这些字符开头的任何页面上运行

@require行允许您在脚本中使用jQuery。如果不需要jQuery，那么就不需要这一行。别说了

当网页上的TamperMonkey脚本处于活动状态时，TamperMonkey扩展图标将显示红色块

猴子能为我做什么？ 你可以用猴子做什么？您可以完全重新格式化页面！在一些页面中，我将所有

标记（及其内容）保存到一个变量中，然后执行以下操作：

$（'body'）.html（myvar）-以前页面上的内容现在只替换为这些内容段落。再见，克拉特！您可以插入新的
标记块（您应该看到我的YouTube是什么样子的…）。您可以填写字段并单击按钮，删除包含具有特定字符模式的类名的div（例如
-ad
或
Taboola
）。您可以编写自己的HTML代码（一个文本字符串，存储在一个变量中），然后将其注入页面，如上图所示-presto！您编写的HTML将显示在页面上。基本上：您可以在DevTools中完成的大部分工作都是脚本化和自动化的。你用CPANEL吗？重新安排页面，使所有图标都在一个屏幕上可见，这不是很好吗？是否有一些图标组是你从未使用过的？把它们藏起来。是否希望图标组的顺序不同？重新安排

您还可以填写表单、自动登录、按钮等。因为每个TamperMonkey脚本都是基于URL启动的，所以整个过程都可以自动化，例如填写表单、按下提交按钮（这会生成新页面）。下一个页面有一个不同的URL，该URL由不同的脚本检测，并且该页面上的其他内容会自动执行。。。其他按钮自动按下-和塔达！网站现在是我们需要的地方。我们可以告别一堆模板式的打字、点击和等待，我们再也不需要这样做了——直到所有者更改网站HTML（然后我们需要对脚本进行一些更新）

用一个简单的脚本隐藏每个SO页面上分散注意力的热门网络问题块

这充分解释了TamperMonkey，并提供了一个简短的脚本，为您提供无休止的DuckDuckGo结果（即，无需按下按钮即可查看更多结果-结果只是无休止地滚动）。（不要使用DuckDuckGo？这篇文章还包含一个指向脚本的链接，该脚本对谷歌搜索结果执行相同的操作-仅此脚本就值得安装TamperMonkey！）

免责声明：我与上述任何产品都没有关联或关系。我只是一个谦逊的用户和欣赏者。
此外，一个离题的东西，但黑暗模式不仅仅是改变背景和文本。还有很多。它也用于图像、文本和视频。
// ==UserScript==
// @name         Name That Will Show In The List of Scripts (in TM Dashboard)
// @namespace    http://tampermonkey.net/
// @match        *://name_of_desired_domain.com/*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    //your code goes here. For example:
    let mycss = '<script>.leftcolumn{background-color:#806546}</script>';
    $(body).append(mycss);
});