github暗黑模式怎么做的

要在Github上启用暗黑模式，可以按照以下步骤进行操作：

1. 登录Github账号：在浏览器中打开Github的官方网站（https://github.com/），然后使用你的账号登录。

2. 进入个人设置页面：在页面右上角的头像旁边，点击下拉菜单中的“Settings”选项。

3. 进入外观设置：在左侧菜单栏中，点击“Appearance”选项，这里可以进行Github的外观设置。

4. 选择暗黑模式：在外观设置页面中，在“Theme”部分，可以看到“Light”和“Dark”两个选项。点击“Dark”选项，即可启用暗黑模式。

5. 保存设置：设置完成后，记得点击页面底部的绿色按钮“Save”，保存你的设置。

启用暗黑模式后，Github的界面会切换到深色背景，以提供更加舒适的浏览体验。如果你想切换回亮色模式，只需在外观设置页面中再次选择“Light”选项，然后保存设置即可。

同时，你的浏览器也可以自带功能来切换网站的颜色模式。比如在Google Chrome浏览器中，你可以选择启用系统的“深色模式”或者使用一些插件来实现暗黑模式。这样不仅仅是Github，在其他网站上也可以享受到暗黑模式带来的视觉效果。

在Github上启用暗黑模式需要按照以下步骤进行操作：

1. 安装浏览器插件：为了启用Github的暗黑模式，你需要安装一个适用于你所使用的浏览器的插件。目前，有许多浏览器插件可以实现暗黑模式，比如Dark Reader、Stylus等。你可以在插件市场中搜索并选择适合你的插件进行安装。

2. 打开Github网站：安装完插件后，打开你的浏览器，访问Github网站。

3. 启用插件：在插件的设置选项中，一般会有一个开关按钮，用于启用或禁用暗黑模式。找到这个按钮，并将其切换到启用状态。

4. 自定义设置（可选）：有些插件还允许用户自定义暗黑模式的设置。你可以根据自己的喜好选择字体、颜色和其他外观参数等。

5. 保存设置：完成以上步骤后，刷新Github页面，你将看到整个网站都呈现出暗黑的外观。如果你对插件的设置进行了调整，记得保存设置。

需要注意的是，每个浏览器插件可能会稍有不同，具体操作步骤可能会有所差异。如果你使用的插件不是上述提到的Dark Reader或Stylus，你可以在插件的官方网站或文档中查找详细的安装和设置指南。

总之，通过安装适用于你所使用的浏览器的插件，并在插件的设置中启用暗黑模式，你就可以在Github上享受到暗黑模式带来的舒适使用体验。

Github 的暗黑模式是通过自定义样式表（Custom CSS）来实现的。下面是一种实现暗黑模式的方法和操作流程：

步骤1：安装浏览器插件
首先，你需要安装浏览器插件来帮助你添加自定义样式表。推荐使用的浏览器插件有：
– Stylus （适用于 Chrome 和 Firefox）
– Stylish （适用于 Chrome、Firefox 和 Safari）

步骤2：创建自定义样式表
接下来，你需要创建一个自定义样式表来实现暗黑模式。下面是一个示例样式表：

“`css
/* 全局背景颜色 */
body {
background-color: #000 !important;
color: #fff !important;
}

/* 顶部导航栏和页脚 */
.header, .footer {
background-color: #333 !important;
}

/* 代码块 */
.blob-wrapper, .markdown-body pre, .highlight {
background-color: #272822 !important;
color: #fff !important;
}

/* 按钮和链接 */
.btn, .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-link, .Link–primary, .State–colors {
color: #fff !important;
background-color: #333 !important;
}

/* 链接的 hover 和 active 状态 */
.Link–primary:hover, .Link–primary:active, .State–colors:hover, .State–colors:active {
background-color: #666 !important;
}

/* 输入框 */
.input, .form-control, input[type=”text”], input[type=”search”], input[type=”email”], input[type=”url”], input[type=”password”], textarea, .user-style-shadow-root #tariff_form {
background-color: #333 !important;
color: #fff !important;
}

/* 滚动条 */
::-webkit-scrollbar {
background-color: #333 !important;
}

::-webkit-scrollbar-thumb {
background-color: #666 !important;
}

::-webkit-scrollbar-thumb:hover {
background-color: #999 !important;
}
“`

你可以根据个人喜好自定义样式表的内容。

步骤3：应用自定义样式表
接下来，你需要将自定义样式表应用到 Github 的网页中。具体操作步骤如下：

– 对于 Stylus 插件：
1. 打开 Github 网站。
2. 点击浏览器工具栏上的 Stylus 图标，然后选择 “管理样式”。
3. 点击 “创建新样式”。
4. 在 “代码” 栏中粘贴自定义样式表的内容。
5. 在 “域” 栏中输入 “github.com”，然后点击 “保存”。
6. 刷新 Github 网页，即可看到暗黑模式。

– 对于 Stylish 插件：
1. 打开 Github 网站。
2. 点击浏览器工具栏上的 Stylish 图标。
3. 点击 “管理安装的样式”。
4. 点击 “使用编辑器”。
5. 在编辑器中粘贴自定义样式表的内容。
6. 在 “适用于” 栏中输入 “https?://*.github.com/*”，然后点击 “保存”。
7. 刷新 Github 网页，即可看到暗黑模式。

步骤4：调整样式表（可选）
如果你对暗黑模式的效果还不满意，你可以根据个人需求自行调整自定义样式表的内容。例如，修改文字颜色、背景颜色、链接颜色等。

总结
通过安装浏览器插件和添加自定义样式表，你可以很容易地为 Github 网站实现暗黑模式。记得定期检查浏览器插件和自定义样式表，以确保它们与最新的 Github 网站版本兼容。