背景 Jenkins 的前端 CSS 样式坚挺了这么多年已经觉得腻的不行了,于是想换个风格缓解一下视觉疲劳,便有了这个项目.由于本人不是前端,所以很多只是随便改改,有些复杂的需求也实现不了,但是总的来说,使用还是将就能用.当然,由于新版本项目还是热乎的,所以肯定会有很多兼容性的问题,也欢迎有机会的人能够在评论区或者其他方式给我提出来. 配置 Jenkins 自定义 CSS 样式 做这个之前,首先需要安装一个插件:Simple Theme Plugin 安装完成后重启 Jenkins,此时在系统配…

写在前面的话 Jenkins 现在是我使用的最多的 CI/CD 工具,但是一直无法接受他的前端,于是闲暇之余查了一些关于 Jenkins 更换样式的方法,于是自己给他写了个套子,感兴趣的老哥以下是项目地址: https://github.com/PythonTra1nee/Jenkins-Theme 更换主题的方法 Jenkins 默认是不支持更换主题的,需要安装一个插件:Simple Theme  具体插件如何安装我们就不介绍了,如果这都不会你也就不会想着更换主题了. 安装完成一起重启 Jen…

说明 本次样式是基于 Jenkins ver. 2.235.1 写的,所有对于之前的版本可能样式不兼容,好像变化挺大的.个人测试了在用的 Jenkins ver. 2.190.1,完全不行,所有建议想要使用的安装最新版本的 Jenkins. 当然,这个项目给就是给大家一个思路,这个页面可以长这样子,你只需要照抄就能重新根据自己版本设计属于你自己的 Jenkins 主题. 配置说明 1. 更换 Logo 我这里使用的 war 包,所以很好找到他的目录结构:在解压出来的 Jenkins 目录中: 配…

上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改, 编译官方自带的主题包  在生成的项目以及官方sdk的目录下,自带了一些主题sass包,我们也可以通过修改sass文件来引入他们并进行编译,下图是官方sdk中自带的主题样式包: 我们如何在sass文件中导入这些样式呢,我们接着上一讲创建的项目,打开项目下resources/sass文件夹下的app.scss文件,去掉上一讲修改的样式,如图: 如果你要引入对应的样式,只需修改@import的路径就可以了,这里我…

大家知道,sencha touch是通过我们写的js代码来动态渲染单页面生成一个个div+css的html页面来模拟app应用,那么既然是div+css结构的,我们就可以通过修改css样式来自定义我们app的主题跟样式. 在sencha touch中,已经默认提供了一些主题样式,我们可以在下载的sencha touch sdk路径下的touch-building/resources/css和touch-building/resources/css-debug文件夹下找到这些样式文件,css文件夹…

首先,项目中的颜色需要怎么管理呢? 宏?常量? 宏的值可以被改变,不用宏.那就用常量.那常量的名字怎么去起名呢? WSFConstants_Color_0xCCCCCC? WSFConstants_Color_DisableUse? 名称应该体现它的作用范围,如果常量值改变了,那么常量的名称又得同步更改?所以,使用第二种命名方式. 同样的字体大小,在项目中也是这样管理就行了. 这样做的好处在于,使得项目可以方便更换主题色,主题字体. 但是想玩转更换主题色.主题字体,对UI职员的要求是显而易见的.…

修改Markdown神器[Typora]的主题样式 Typora是一款专注写作的工具,基于markdown标记语言来完成写作.出于以下原因决定替换主题样式: 1.自带的样式比较low,想替换一款高大上的; 2.用微信公众号发的文章样式和typora不一样,两边的效果需要保持一致,方便在typora预览效果; 3.能自己DIY一些东西,也是比较有意思的一件事. 一.主题样式从哪里获取? 自己写样式不太现实,也太花时间. 1.1 可以从Typora的官网下载样式 1.1.1 下载主题 http://…

以下是使用博客园的markdown的效果: typora 基本使用和漂亮的主题样式 一.typora 基本使用 ps:文字排版,使用markdown nice 可以一键复制到公众号.知乎:https://editor.mdnice.com/ 注意细节:标识符的激活,就是靠空格 (1)快捷键:16个#(或ctr+16) 分别是1~6级标题: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 (2) 快捷键: ctr+ b 加粗 ctr + i 倾斜 反斜杆的标记作用: 标记 (3) 链接…

Android平台定义的主题样式: android:theme="@android:style/Theme.Dialog"   将一个Activity显示为对话框模式 •android:theme="@android:style/Theme.NoTitleBar"  不显示应用程序标题栏•android:theme="@android:style/Theme.NoTitleBar.Fullscreen"  不显示应用程序标题栏,并全屏 •andr…

odoo12主题样式模块 图标形式显示菜单目录的结构 odoo12图标形式显示菜单:https://apps.odoo.com/apps/themes/12.0/backend_theme_v12/ odoo12的基本样式结构:https://www.odoo.com/apps/themes/12.0/openworx_backend_theme/…