首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >termius 自定义 theme 和 fonttype

termius 自定义 theme 和 fonttype

原创
作者头像
iysheng
修改于 2022-03-30 02:43:59
修改于 2022-03-30 02:43:59
7.1K1
举报
文章被收录于专栏:Embedded DevelopmentEmbedded Development

termius 是一款跨平台的 ssh 客户端,这个软件提供了默认的几个配色和字体类型,不能很方便的自定义字体和配色。但是自己习惯了平时使用的一些配色,就想着移植到这个 termius 上,通过 grep 关键字的方法,尝试着发现成功了,记录下:

自定义 theme

需要修改的文件是 entry.js ,具体的 theme 定义在:

Image 4.png
Image 4.png

我喜欢一个 challenger deep 这个配色,所以就直接替换对应的颜色码就可以了。如果大家喜欢其他的,可以去找到对应的颜色码字替换就可以了。

注意以下,"color-palette-overrides" 颜色格式是这样的:

vim_tabular-Page-3.drawio.png
vim_tabular-Page-3.drawio.png

对应的 challenger deep 对颜色的定义是:

代码语言:txt
AI代码解释
复制
! ~/.Xresource
*.foreground:   #cbe3e7
*.background:   #1e1c31
*.cursorColor:  #fbfcfc

! black
*.color0:       #565575
*.color8:       #100e23

! red
*.color1:       #ff8080
*.color9:       #ff5458

! green
*.color2:       #95ffa4
*.color10:      #62d196

! yellow
*.color3:       #ffe9aa
*.color11:      #ffb378

! blue
*.color4:       #91ddff
*.color12:      #65b2ff

! magenta
*.color5:       #c991e1
*.color13:      #906cff

! cyan
*.color6:       #aaffe4
*.color14:      #63f2f1

! white
*.color7:       #cbe3e7
*.color15:      #a6b3cc

color0..color7 是 bright color

color8..color15 是 normal color,

按照上述顺序填充到对应的 theme 中就可以了。

我使用 deep challenger 替换了原始的 solarized light 效果是这样的:

Image 5.png
Image 5.png

选中这个 theme 就可以了。

自定义 font

需要修改的是 entry.jsstyle.css 文件。

首先是 entry.js,在这个文件中将所有不需要的字体名称替换成自己需要的字体。比如:不需要 PT Mono, 而自己使用的是 agave Nerd Font Mono,那么就将这个文件中所有的 PT Mono 替换为 agave Nerd Font Mono

其次是关键的一步,修改 style.css 文件,比如还是 PT Mono,将 agave Nerd Font Mono 字体文件转为 base64 格式,推荐一个网站 字体 base64 在线转换,然后将转换后的文本文件直接复制到对应字体的 src: url 字段

Image 7.png
Image 7.png

成功之后,再次看下偏好设置:

Image 8.png
Image 8.png

附上一张,自己的 termius 终端的效果:

Image 9.png
Image 9.png

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
1 条评论
热度
最新
这个路径在哪呀,我grep 没有呀
这个路径在哪呀,我grep 没有呀
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
jupyter notebook 主题自定义
✅作者简介:人工智能专业本科在读,喜欢计算机与编程,写博客记录自己的学习历程。 🍎个人主页:小嗷犬的博客 🍊个人信条:为天地立心,为生民立命,为往圣继绝学,为万世开太平。 🥭本文内容:jupyter notebook 主题自定义 ---- jupyter notebook 主题自定义 1.jupyterthemes 的安装 2.jupyterthemes 内容与用法 2.1 JT Customizable Features(可自定义的部分) 2.1.1 plotting style 2.1.2
小嗷犬
2022/11/15
7020
jupyter notebook 主题自定义
七天.NET 8操作SQLite入门到实战 - 第七天BootstrapBlazor UI组件库引入(1)
由于第七天Blazor前端页面编写和接口对接的内容比较的多,所以这一章节将会分为三篇文章来进行讲解,大家可以认为分为早、中、晚来进行阶段性学习,从而提高学习效率😁。
追逐时光者
2024/01/10
4370
七天.NET 8操作SQLite入门到实战 - 第七天BootstrapBlazor UI组件库引入(1)
Windows Terminal 终极美化
1.0+ 正式版本已经发布了,不需要自行编译了。直接去Github Window Terminal 下载安装即可
chuchur
2022/10/25
4.4K0
Windows Terminal 终极美化
Windows Terminal终端美化
在该GitHub地址有不同的配色方案,将其加入到上面配置的schemes中,修改colorScheme中配色名为新加入配色的name https://github.com/mbadolato/iTerm2-Color-Schemes/tree/master/windowsterminal
听城
2020/02/18
4K0
Windows Terminal终端美化
Qt编写自定义控件13-多态进度条
多态进度条,顾名思义,有多重状态,其实本控件主要是用来表示百分比进度的,由于之前已经存在了百分比进度条控件,名字被霸占了,按照先来先得原则,只好另外取个别名叫做多态进度条,应用场景是,某种任务有三种状态,比如正常状态、警戒状态、报警状态,这三种状态都分别有一个占比,需要用不同的颜色表示,这样就衍生出了此控件,类似于堆积图。接下来节假日四天,可以全身心投入研发还未完工的大屏UI程序,基础控件部分+二级界面部分都已经做好,现在专心整合到主界面和打通数据流(采用数据库采集+网络采集两种方式)。多态进度条也是为了此项目特意定制的。
feiyangqingyun
2019/08/23
1.1K0
Qt编写自定义控件13-多态进度条
Qt编写自定义控件29-颜色选取面板
这个控件主要是模仿QColorDialog对话框中的颜色选取面板,提供一个十字形状的标识器,鼠标按下开始选取颜色,移动到哪就选择该处的颜色值,对应右侧颜色条放大显示,本控件的难点就是如何绘制一个边缘框限定鼠标只能在此框中移动,还有一个就是如何绘制颜色渐变的背景颜色集合,这里采用的是对每一个像素的高度区域设置不同的开始颜色+中间颜色+结束颜色,作为渐变颜色,然后设置QLinearGradient作为画笔的颜色进行绘制,其实就是假设宽度是100,其实是绘制了100条垂直方向的竖线而形成的效果。在绘制画布的时候,可以将其绘制到一个pixmap上,这样也方便待会鼠标移动时候直接取该pixmap的某个像素点的颜色值。
feiyangqingyun
2019/08/27
1.5K0
Qt编写自定义控件29-颜色选取面板
Python + HTML 实现 自定义数据 的网页化展示!
使用的是python内置模块 string的Template 这个类,使用方法如下:
我是胖虎啊
2022/06/27
3K0
Python + HTML 实现 自定义数据 的网页化展示!
【3】jupyter notebook【修改主题、字体、字号、代码自动补全、变更工作目录、添加目录插件、解决工具栏隐藏问题、修改默认浏览器、默认打开位置】
1.jupyter notebook 修改主题、字体字号等设置 github链接地址:https://codechina.csdn.net/mirrors/dunovank/jupyter-theme
汀丶人工智能
2022/12/21
2.1K0
【3】jupyter notebook【修改主题、字体、字号、代码自动补全、变更工作目录、添加目录插件、解决工具栏隐藏问题、修改默认浏览器、默认打开位置】
如何在CSS中使用变量
原文链接:https://www.sitepoint.com/how-to-use-variables-in-css/[1]
chuckQu
2022/09/20
3.4K0
如何在CSS中使用变量
高效的编码:我的VS Code设置
代码编辑器很多,有些是免费的,有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的,并具有惊人的功能。我从 Web 开发旅程的开始就开始使用它。
张张
2020/03/18
2.1K0
高效的编码:我的VS Code设置
【C#】妈妈再也不用担心自定义控件如何给特殊类型的属性添加默认值了,附自定义GroupBox一枚
------------------更新:201411190903------------------
AhDung
2018/09/13
1.6K0
【C#】妈妈再也不用担心自定义控件如何给特殊类型的属性添加默认值了,附自定义GroupBox一枚
Vue + Element + vue-quill-editor 实现源码编辑、自定义图片上传和汉化
vue-quill-editor自带的上传,是把图片变成了base64的格式,不符合一般的项目需求。我猜它是用的FileReader的API。
FinGet
2019/06/28
2.4K0
Vue + Element + vue-quill-editor 实现源码编辑、自定义图片上传和汉化
善用图片-你将有不一样的可视化效果
今天在查找资料时发现了一个超酷的R语言第三方颜色包 R-ghibli,目前可以直接通过 CRAN 安装的。官网(https://ewenme.github.io/ghibli/)所示的图例如下:
DataCharm
2021/02/22
4900
善用图片-你将有不一样的可视化效果
webapck 的学习基础,适合小白,初学者,进阶者学习。
Webpack 是德国开发者 Tobias Koppers 开发的模块加载器兼打包工具,在webpack中,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。因此, Webpack 当中 js 可以引用 css, css 中可以嵌入图片 dataUrl。 对应各种不同文件类型的资源, Webpack 有对应的模块 loader比如vue用的是​​vue-loader​​
七条猫
2024/10/14
1770
webapck 的学习基础,适合小白,初学者,进阶者学习。
Butterfly 自定义代码高亮字体
但是该博客下提供的代码高亮css文件项目已经失效了,既然如此,我这里就再提供一篇较为完整的教程,仅供参考
一只野生彩色铅笔
2022/07/01
1.6K0
PHP 自定义图片的生成与保存实例讲解
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/82898916
泥豆芽儿 MT
2018/10/09
1.5K0
PHP 自定义图片的生成与保存实例讲解
Hexo之Next主题美化代码
我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用
王 瑞
2022/12/28
2.2K0
Qt编写数据可视化大屏界面电子看板11-自定义控件
说到自定义控件,我是感觉特别熟悉的几个字,本人亲自原创的自定义控件超过110个,都是来自各个行业的具体应用真实需求,而不是凭空捏造的,当然有几个小控件也有点凑数的嫌疑,在编写整个数据可视化大屏界面电子看板系统中,也用到了四五个自定义的控件,比如那个环形百分比图,多态进度条,合格率仪表盘,速度仪表盘等,这些控件在现有的类中是没有的,需要用QPainter这个牛逼的工具来绘制,类似于神笔马良似的,给我一个画笔,可以画出任意你想要的图形,好比我常说的心中有坐标,万物皆painter。
feiyangqingyun
2019/08/20
1.2K0
Qt编写数据可视化大屏界面电子看板11-自定义控件
手把手教你美化微软的新终端Windows Terminal
微软的新终端Windows Terminal终于发布正式版了。这个终端诞生以来就大获好评,对于使用Windows进行开发的小伙伴来说又有了新的玩具了。先来看看官方的介绍视频吧。
码农小胖哥
2020/07/02
7K1
手把手教你美化微软的新终端Windows Terminal
XM外汇平台官网:VitePress 允许你通过自定义 Layout 来改变页面的结构和样式
在查阅 VitePress 具体实践时,我被 UnoCSS 文档中的彩虹动画效果深深吸引。在查看其实现原理之后,本文也将探索如何通过自定义组件和样式增强 VitePress 站点,并实现一个炫酷的彩虹动画效果。
用户9550247
2025/05/29
1580
XM外汇平台官网:VitePress 允许你通过自定义 Layout 来改变页面的结构和样式
推荐阅读
相关推荐
jupyter notebook 主题自定义
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档