linux亮色 - 腾讯云开发者社区

文章/答案/技术大牛

发布

为博客添加可切换的暗色和亮色主题

为博客添加可切换的暗色和亮色主题发布于 2018-05-19 13:42 更新于 2018-08-12...然而——绝大多数的技术类博客或技术文章都是亮色主题的，代码在其中以和谐但不太好看的亮色存在，或者扎眼但熟悉的暗色存在。这始终觉得不那么舒适。于是，作为博主，我决定考虑添加亮色和暗色两种主题色的支持。...事实上，Disqus 的个人站点设置页面上可以选择亮色或者暗色主题，但是，那是静态的。那么如何解决评论系统的问题呢？运行时动态切换吗？似乎没找到方法。于是，我们可以使用设计巧妙地规避这个问题。...如果存在，则使用暗色，否则使用亮色。并且，在切换时设置 cookie。

1.3K1 0

python0074_设置高亮色_color_highlight_ansi_控制终端颜色

输出csi直接对\转义就可以各厂商终端都开始学习VT100的控制序列关于控制信息的实现细节基本一致最终统一到了 ansi 标准下于是终端有了色彩亮色设置31-37 对应八种常见的前景色41-47 对应八种常见的背景色

7472 0

您找到你想要的搜索结果了吗？

是的

没有找到

一键切换亮色模式和暗色模式，用Figma搞定！

静电说：在本文中，我们将使用Figma来创建一个可以一键切换亮色模式和暗色模式设计的系统，非常简单快捷。同时，我们也可以在本文中学习到亮色模式和暗色模式在设计过程中的区别。本文来自Pixsellz。...所以在此设计系统的亮色模式时，我们特别选择以下颜色： · 100（＃1C1C1C）-主要用于标题和粗体文本。 · 200（＃585757）-主要用于正文。...请注意：可以将系统颜色作为背景，但例如按钮，标签等颜色应该从亮色或者暗色模式的“常量样式”中调用。 2. 效果样式效果样式是应用于设计系统中某些组件的微小更改和效果。...OK，激动人心的时刻来了，如果我们已经完整创建了所有上文的效果，那么只需要使用插件简单设置一下，就可以一键在亮色模式和暗色模式之间转换。...如何在亮色模式和暗色模式之间切换设置好设计系统后，就可以轻松地将组件和模块切换为暗色模式了。为此，您将需要一个名为Appearance的插件，该插件可以在Figma社区找到。

22.3K1 1

【配色指南】UI设计中使用明亮色彩的利与弊，你知多少？

本文就UI 中使用亮色的优缺点进行了一些分析和总结。一、在UI中使用鲜艳颜色的优点 1. 增加可读性和易读性在我们之前的一篇文章中，我们介绍了影响配色方案选择的因素。

6471 0

python0082_VT100_演化_颜色设置_VT选项_基础色_高亮色_索引色_RGB总结

更多颜色回忆上次内容上次了解了控制序列背后的故事一切标准都是从无到有的就连负责标准的组织也是从无到有的 VT-05 奠定了基础颜...

9392 0

VSCode和SourceInsight，到底哪个看源码爽？

在做嵌入式 Linux 开发的时候，经常会阅读大型工程源码，比如 uboot 源代码，Linux Kernel 源码等，所以，选择一个合适的工具来阅读源代码，变为了一个经久不衰的话题。...阅读源码的时候，其实无非也就两个重要的功能： ① 定义或者声明快速跳转 ② 快速搜索指定内容另外还有一些功能是和开发体验相关的，比如： ① 工具的主题（亮色和暗色） ② 工具是否方便修改编辑内容 ③...提供的主题有： VScode 提供的主题就非常棒了： Source Insight 提供的这些主题我觉得还行，但换出来感觉效果都比较怪，没有那么舒服，相比之下 VS Code 的主题做的就比较好，无论亮色还是暗色看着都很舒服...此处，我必须要说一下 VS Code，因为 Uboot 源码需要在 linux 上编译，但是我日常使用的系统是 Windows，所以我一般将 VSCode 安装在 Windows 上，使用 VS Code...相比之外，Source Insight 在修改文件之后，还需要把修改的文件上传到 Linux 服务器去编译，过程有点繁琐。所以，在额外功能的扩展性上，我觉得 VScode 胜出。 7.

8.9K1 0

网站如何适配暗色模式并实现手动、自动切换

，手动把系统配色调成亮色再刷新网站，体验差。...适配逻辑本次适配的适配暗色/亮色模式的用户操作逻辑分两种情况：存在暗色模式标识符、不存在暗色模式标识符。...暗色标识符：由暗色/亮色按钮调用的JS实现存储在Cookies或localStorage内，用来提示JS展现那种页面配色。...而暗色/亮色的现实主要是，当需要给用户展现网站暗色配色时，在HTML内标签内加入class="night"。...存在暗色模式标识符若用户之前有点击过切换暗色/亮色按钮，查询Cookies或localStorage内暗色模式标识符来展示暗色/亮色配色，优先级高于媒体查询和时间判断。

10.5K16 0

4.2k star,更酷炫的top监控工具

配置文件文章链接：https://cloud.tencent.com/developer/article/2472147 本篇文章主要介绍了使用Docker部署redis时，如何更好的处理配置文件在linux...现代化用户界面：拥有美观的现代化界面，支持暗黑和亮色主题。高级进程搜索和过滤：支持通过名称、命令或 PID 进行进程搜索，还支持正则表达式进行高级过滤。进程管理：可以杀死不必要的进程。...跨平台兼容：支持 macOS、Linux 和 Windows 等多个平台。如何快速安装及使用安装包作者已经打包放置在release中，我们只需要下载对应平台的安装包，然后解压运行即可。

3861 0

SolydXK 9 正式发布，基于 Debian 的发行

更新内容： SolydX 和 SolydK 的新主题，可以选择一个亮色或暗色的主题 SolydXK 系统现在有一个 GUI，你可以在其中加密分区（和你的 USB闪存驱动器），本地化你的系统，选择最快的存储库...该项目始于 Linux Mint 的 Debian 版本的非正式变体，当时用KDE作为缺省桌面，但后来它拥有了自己的名字 SolydK。...当 Linux Mint 丢弃了其基于 Debian 且使用 Xfce 桌面的版本后，Solyd X 便问世了。

6112 0

Material Design整理（七）——Palette调色板

看上方效果图：可以看到，下面的6个条块的颜色是从图片中提取出来的，Palette可以提取的颜色有: VibrantColor(有活力的颜色) LightVibrantColor（有活力的亮色） DarkVibrantColor...（有活力的暗色） MutedColor（柔和的颜色） LightMutedColor（柔和的亮色） DarkMutedColor（柔和的暗色） ---- 使用 1、添加依赖 compile 'com.android.support...palette.getVibrantColor(Color.RED); iv_vibrant.setBackgroundColor(vibrantColor); //提取有活力的亮色...palette.getMutedColor(Color.RED); iv_muted.setBackgroundColor(mutedColor); //提取柔和的亮色...palette.getMutedSwatch();//获取柔和的颜色样本 Palette.Swatch lightMutedSwatch = palette.getLightMutedSwatch();//获取柔和亮色的样本

1.8K3 0

Meta 暗色模式适配

功能自动检测用户系统偏好(暗色/亮色模式) 提供手动切换暗色/亮色模式的功能保持与 Meta 平台一致的视觉风格减少夜间屏幕眩光用法 HTML 部分 <meta name...: #18191a; --text-color: #e4e6eb; } } @media (prefers-color-scheme: light) { :root { /* 亮色模式下的变量定义...{ // 系统切换到暗色模式 document.documentElement.classList.add('dark-mode'); } else { // 系统切换到亮色模式

2411 0

基于Material Design风格开源的Avalonia UI控件库

它使用自己的渲染引擎绘制UI控件，确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。...控件支持：几乎涵盖了所有Avalonia控件的Material Design风格，以及额外的控件如Snackbars、侧面板、浮动按钮、卡片、对话框等，并且支持黑暗和亮色主题主题切换。

8541 0

微信黑暗模式终于来啦！UI设计细节完全分析及体验

在Tint颜色上，亮色模式和暗色模式的颜色也不一样，这符合iOS 13 黑暗模式设计的规则定义。一般来说Tint颜色，黑暗模式下更亮一点。...而对于Tab背景来说，亮色模式和黑暗模式均沿用透明毛玻璃效果。聊天列表页面左侧色卡为浅色模式，右侧为深色模式，均没有考虑透明度影响。 ?...而文章背景颜色，亮色模式为#FEFFFF，黑暗模式为#232323，可见也不是完全的纯白和纯黑色。另外，想在黑暗模式上贴各种表情的作者可要注意了，你的GIF表情可能会变成上图那样？...· 使用具有透明度的图标和文字，在亮色模式转黑暗模式的时候会更加轻松 · 不管你使用怎样的颜色，请确保黑暗模式下的设计元素具有足够的可读性，同时兼顾美观。...· 黑暗模式下的层级设计与亮色模式不同，阴影在黑暗模式下没有太多作用。

2.1K2 0

Android-日夜主题切换(google推荐)

这个主题可以根据系统时间自动切换 Theme.AppCompat(暗色) 和 Theme.AppCompat.Light(亮色) 两种主题，注意是自动切换。...早上6点到晚上10点是亮色主题，晚上10点到早上6点是暗色主题，但如果你想更加精确，需要提供坐标权限，在 API v14 以下的设备则会默认使用亮色的主题。...; if (dayNightUiMode == Configuration.UI_MODE_NIGHT_NO) { btnTheme.setText("当前是亮色主题

3.4K3 1

移动跨平台框架React Native状态栏组件StatusBar【16】

暗色系亮色系在 React Native 中我们可以定制状态栏 StatusBar 。当然了，说是定制，无非以下几点显示或隐藏状态栏。设置主题色：亮色系还是暗色系。...值说明值说明default默认主题色，iOS 上是 dark-content ，Android 是 light-contentlight-content暗色的背景，亮色的文字和图标dark-content...亮色的背景，暗色的文字和图标( Android 要求 API >= 23 ) StatusBarAnimation StatusBarAnimation 枚举常量定义了状态栏可用的动画效果。

2.9K2 0

2.2K Star开源专为程序员打造的记事本

该软件支持自动语法高亮、自动格式化、计算器模式、多光标编辑、全局快捷键等一系列功能，并且适用于 Windows、macOS 和 Linux 系统。...、Lezer、Markdown、PHP、Python、Ruby、Rust、Shell、SQL、Swift、XML 和 YAML 自动检测语言自动格式化数学/计算器模式货币转化多光标编辑暗色和亮色主题...+ ⌥ + Up/Down：在上方/下方添加额外光标 ⌥ + Shift + F：格式化块的内容（适用于 JSON、JavaScript、HTML、CSS 和 Markdown） Windows 和 Linux

1.9K1 0

Flutter深入分析状态栏图标适配

// 状态栏为暗色调 SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);//设置生效 2.明色调状态栏图标 //设置明亮色调状态栏图标...build Scaffold( body: Container( alignment: Alignment.center, child: Text('亮色主题状态栏图标...MaterialPageRoute(builder: (_) => FirstPage()))), RaisedButton( child: Text('亮色图标...break; case TargetPlatform.fuchsia: case TargetPlatform.iOS: case TargetPlatform.linux

3.3K2 0

canvas绘制折线路径动画

ctx.lineTo(480,100); ctx.strokeStyle = "gray"; ctx.lineJoin = "round"; ctx.stroke(); 效果如下: 绘制亮色路径...绘制亮色路径的代码和绘制灰色路径的代码一样，只是样式是一个亮的颜色： ctx.save(); ctx.beginPath(); ctx.moveTo...ctx.strokeStyle = "gray"; ctx.lineJoin = "round"; ctx.stroke(); 效果如下： clip控制亮色路径的绘制区域...ctx.stroke(); clip之后，亮色路径就只会绘制一部分,如下图：动画效果通过不断变化offset的值，就可以大道亮色路径移动的效果，代码如下： offset += 2; if(

1.9K3 0

UI设计软件Pixso、即时设计和MasterGo个人体验

界面对比即时设计的相对统一一点，无论是设计界面还是演示界面都是顶部暗色，内容亮色。 MasterGo是设计和演示和即时设计一样，但是演示分割线是个大黑条，破坏了整体的一致性。...Pixso的设计界面都是亮色，这点个人比较喜欢，但是演示模式又变成了顶部是亮色，内容是暗色。另外Pixso的工具和插件按钮区域是分离的，这点我比较喜欢。

3K1 0

Plotly Dash多页面仪表盘的构建框架

，带有可折叠侧边栏暗色/亮色主题切换，包括 Plotly 图表的暗色/亮色主题两种不同的 API 集成：一种是本地的（Plotly Gapminder），另一种是远程的，并包含 API 密钥处理逻辑（NinjasAPI...使用 DASH Mantine Components 进行样式设置多页面仪表盘的精确输出（亮色模式）显示了项目结构的特性 – 图片由作者提供 – 数据来自 GAPMINDER.ORG，CC-BY 许可证可以在没有前端框架帮助的情况下对...Dash Mantine Components 包含超过 100 个可自定义的组件，基于 React Mantine 库，具有一致的样式、主题支持，并完全支持亮色和暗色模式。...暗色/亮色图表切换上一节详细介绍的基础主题已经包含了在亮色和暗色主题之间切换的代码。...本文包含的框架包含了示例 plotly 图表，以及关联的代码来在暗色和亮色主题之间切换图表。暗色/亮色切换的实现不需要重新加载图表中显示的数据，因此在切换时不会使任何数据 API 过载。

1651 0

点击加载更多

为博客添加可切换的暗色和亮色主题

python0074_设置高亮色_color_highlight_ansi_控制终端颜色

一键切换亮色模式和暗色模式，用Figma搞定！

【配色指南】UI设计中使用明亮色彩的利与弊，你知多少？

python0082_VT100_演化_颜色设置_VT选项_基础色_高亮色_索引色_RGB总结

VSCode和SourceInsight，到底哪个看源码爽？

网站如何适配暗色模式并实现手动、自动切换

4.2k star,更酷炫的top监控工具

SolydXK 9 正式发布，基于 Debian 的发行

Material Design整理（七）——Palette调色板

Meta 暗色模式适配

基于Material Design风格开源的Avalonia UI控件库

微信黑暗模式终于来啦！UI设计细节完全分析及体验

Android-日夜主题切换(google推荐)

移动跨平台框架React Native状态栏组件StatusBar【16】

2.2K Star开源专为程序员打造的记事本

Flutter深入分析状态栏图标适配

canvas绘制折线路径动画

UI设计软件Pixso、即时设计和MasterGo个人体验

Plotly Dash多页面仪表盘的构建框架

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐