- 综合排序
- 最热优先
- 最新优先
- 来自专栏frytea
Windows CMD 换肤
为了呼出 WSL 子系统，我习惯在 CMD 下进行，可默认皮肤不够美观，为了让自己心情愉悦，检索了一番换肤方法，并在此简单记录。 环境准备 首先下载换肤工具：ColorTool 解压后在 CMD 下进入解压后的目录，运行例如以下命令即可： C:\Users\lenovo\Downloads\ColorTool>ColorTool.exe 参考文献 ColorTool-README cmd 更换主题配色 --------------------- Author: Frytea Title: Windows CMD 换肤 Link
1.2K20发布于 2021-03-05 - 来自专栏VTeam技术团队
小程序换肤
导语 换肤，对于前端来说不算常见，却也肯定不陌生。但是大家有考虑过小程序端的换肤吗？今天我们就来聊一聊小程序的换肤。 ? class="red-theme">
红色主题 p> ...body> 优缺点： 优点：简单，好理解，好实现 缺点：CSS中需多写主题的class，代码容易混乱；需手动编写 2. vertical-align: top; line-height: 70px; font-size: var(--font-size-large); color: var(--text-2) 这几种方案都有一些问题无法避免： 方案1、2 比较死板，每次更改主题样式都需要发版小程序，如果主题样式变动不大，可以考虑这种； 方案3 对于前端的改动非常的大，内联也就是通过 style 的方式内嵌到 1.页面的 wxml 引入主题变量 theme <view class="index-layout {{theme}}"> <button class="btn">按钮button>view> 2.
2.5K20发布于 2020-11-30 - 来自专栏sktj
jquery 换肤
li id="skin_0" title="灰色" class="selected">灰色
- 紫色
<li id="skin_<em>2</em>" url(theme.gif); } skin_0{ background-position:0px 0px; } skin_1{ background-position:15px 0px; } skin_2{ important; } skin_2.selected{ background-position:35px 15px !70600发布于 2019-10-10 - 来自专栏鲸鱼动画
Vue 动态换肤
20px; border-radius: 6px; } } .son1 { font-family: 华文新魏; font-size: 22px; line-height: 2; background-image: linear-gradient(35deg, #f99 50%, #99f 100%); } .son2 { font-family: 方正舒体; font-size : 26px; line-height: 2; background-image: linear-gradient(-60deg, rgb(168, 135, 135) 50%, rgb(122 , 122, 156) 100%); } .son3 { font-family: 隶书; font-size: 20px; line-height: 2; background-image 196, 132) 50%, rgb(78, 78, 173) 100%); } .son4 { font-family: 仿宋; font-size: 26px; line-height: 2;
54620编辑于 2022-10-28 - 来自专栏鲸鱼动画
CSS全屏换肤
right;width: 30px;height: 30px;margin:10px;border: 1px #333 solid;} #box1{background-color: red} #box2{ background-color: green} </style> </head> <body>
<div id="box<em>2</em>" <body><div 可以看下源码中的 box1 背景颜色是红色，而它旁边的 box2 背景颜色是黄色。 / / 简单的html换肤就做完了，感谢阅读； 下一篇会用非常简短的代码进行cookie存储，让浏览器记住你喜欢的颜色，下次打开不会自动更改。65900编辑于 2024-05-24来自专栏鲸鱼动画前端html换肤
right;width: 30px;height: 30px;margin:10px;border: 1px #333 solid;} #box1{background-color: red} #box2{ background-color: green} </style> </head> <body>
var box = document.getElementById('box'); var box1 = document.getElementById('box1'); var box2 ;width: 30px; height: 30px;margin:10px;border: 1px #333 solid;} #box1{background-color: red} #box2{ 是绿色 var box = document.getElementById('box'); var box1 = document.getElementById('box1'); var box22K10发布于 2020-09-21来自专栏鲸鱼动画纯CSS换肤
30行代码实现纯CSS—3种换肤 老规矩，先把代码给大家，拿去粘贴直接用，无需引用，不好用评论底下随便喷，我一条一条看。 <! 10px;cursor: pointer;border: 1px #000 solid;z-index: 3;} #int1+label{background-color: red} #int2+ label2、div2。。。 具体的样式都写在style中了，大家去看的话也是一目了然，详细的样式规则和中文释义都在上一篇博客中，链接在这里 html界面换肤 点击蓝色字体就可以跳转至上一篇博客，大致略读就可完全了解其中内容。 checked意为“默认选中”， 我给int2添加了checked就是想页面刚打开的时候不是白色，有一个默认值。 CSS中的checked意义不同，意为此时被选中，那么我执行…
1.3K10发布于 2020-09-21来自专栏coding个人笔记在线动态换肤思路
很早之前就在想在线换肤的实现思路，主要是之前有个项目有换肤，连布局图片都不一样，无能为力，只好写不同页面，然后通过打包的时候配置删除和替代文件实现，但是在线换肤还是没去做。 今天分享一下换肤的思路，只是单纯的颜色替换，没有包括连布局图片都不一样的换肤。 跟国际化一样，方案可能不难，难的是开发业务的时候很繁琐，写的不好就很难维护。 还有之前有提到过的css in js在这种换肤场景下好像也非常的合适。 自己知道的在线换肤的思路只有这三种了，如果真的有需求要做在线换肤功能，还真不知道哪种会比较好，只能是自己选型了，真正涉及项目的时候，可不只是这样说说而已，会碰见什么坑就不好说了。 讲道理，现在应该没多少在线换肤的功能网站了吧。 自己感觉还是有点不对劲，希望有做过换肤项目的（不只是demo）可以指点一波。 （完） Coding 个人笔记
1.2K20发布于 2020-09-22来自专栏万少的技术分享2小时-带你实现-360官网-主题换肤功能
又或者如: 多个盒子中的背景位置 等比例变化 .box1{ background-position: 10px 10px; } .box2{ background-position: 20px @c:black){ background-color: red; color: red; border: 1px solid @c; font-size: 100px; } /* 2 可以很方便为我们生成如下有规律的代码段 .box1{ background-position: 10px 10px; } .box2{ background-position: 20px 20px box4{ background-position: 40px 40px; } 使用 /* 1 定义循环函数 */ .loop(@counter) when (@counter > 0) { /* 2 钻进去 3 2 1 */ .loop((@counter - 1)); /* 3 钻出来 1 2 3 */ .box@{counter} { background-position:
26910编辑于 2025-02-11来自专栏宗亲立牧LOL换肤 学习交流
.版本 2 .子程序 注入DLL, 整数型, 公开, 成功返回DLL的模块句柄，失败或已注入返回0。 .参数 进程句柄, 整数型, , 句柄必须拥有对被注入进程的完全操作权限。 () ' 本源码来自易语言资源网(www.5A5X.com) 返回 (0) .如果真结束 DuplicateHandle (-1, 进程句柄, -1, hProcess, 0, 0, 2) .参数 参数2, , 可空, 非整数型参数需传递变量的内存数据指针，该指针必须是在目标进程内的。 .参数 参数3, , 可空, 提供的参数请与所执行的函数的参数个数一致，否则被注入的进程绝对会崩溃！
1.7K00发布于 2019-09-07来自专栏非著名程序员Android主题换肤 无缝切换
Android的主题换肤 ，可插件化提供皮肤包，无需Activity的重启直接实现无缝切换,可高仿网易云音乐的主题换肤。 LayoutInflater 提供了setFactory(LayoutInflater.Factory factory)和setFactory2(LayoutInflater.Factory2 factory )两个方法可以让你去自定义布局的填充（有点类似于过滤器，我们在填充这个View之前可以做一些额外的事，但不完全是），Factory2 是在API 11才添加的。 onCreateView(View parent, String name, Context context, AttributeSet attrs)//LayoutInflater.Factory2 2.base包 可以看见这个包里面肯定就是Activity、Fragment、Application的实现，作用肯定就是封装一些公用的方法和属性在里面。
3.3K50发布于 2018-02-02来自专栏Krryblog换肤功能（scss、css变量）
博客地址：https://ainyi.com/104 产品 SaaS 化，通常需要有换肤功能 这里简单记录一下主题色及其衍生色（高亮、浅色）的更换功能 scss 全局定义 每个页面都有颜色，那么应该把颜色值定义在 global.scss 文件中，通过变量定义，比如 $color-primary: #4762FE; $color-primary-dark: #3245D9; $color-primary-light: #C2D1FF 其使用语法如下： mix($color-1,$color-2,$weight); $color-1 和 $color-2 指的是你需要合并的颜色，颜色可以是任何表达式，也可以是颜色变量 $weight 还有一个 HSL 函数，也是设置颜色值的方法，这里就不过多探究了 坑来了 当我把 var() 函数获取的颜色值放进 mix 函数中，居然报错： SassError: argument $color-2 sColorChange.join(',') + ',1)' } 最后只需要在==路由全局前置守卫==中计算颜色值，并赋值到 css 变量上，在 scss 全局变量中用 var() 函数引入 css 变量(各种颜色值) 换肤流程
5.1K20发布于 2021-04-20来自专栏全栈程序员必看Winform 窗体美化（IrisSkin 换肤库）
IrisSkin 换肤库 IrisSkin 是为Microsoft Visual Studio dotNET开发的最易用的界面增强dotNET(WinForm)组件包。 能完全自动的为应用程序添加支持换肤功能。 IrisSkin 换肤库 百度网盘下载 提取码: 1pb7 皮肤编辑器下载 打开下载解压后的文件路径：WinFormSkinDemo\WinFormSkin\WinFormSkin\bin\Debug 复制 IrisSkin4.dll 和 Skins 两个文件到自己项目的…\bin\Debug下 正常刚创建的项目这个目录下面一般是空的 文件 1.IrisSkin4.dll – 544 KB 2. 换肤效果图 加载出来的Skins文件夹下面的所有的文件列表： 切换效果：mp10 以上既是完整的winform皮肤切换. 转载请注明出处！
2.7K20编辑于 2022-09-02来自专栏lonelydawn的前端猿区一键换肤的简单实现
以前看到一键换肤的效果很炫酷，其实想一想，实现很简单，于是乎也写一个吧。 * 一键换肤的简单实现 */ //模拟后台返回的数据 , 记录各个需要切换样式的点 (这里是简单实现 , 只给出三个 经典ERP布局模块点的变换) var skins= [{ top
1.4K90发布于 2018-02-09来自专栏葡萄城控件技术团队ActiveReports 报表应用教程 (15)---报表换肤
2、打开报表资源管理器，并按照以下信息创建报表数据源 名称： NWind_CHS 类型： Micorsoft OleDb Provider OLE DB 提供程序： Microsoft.Jet.OLEDB Style2.rdlx-theme ? Style3.rdlx-theme ? 创建完成以上主题样式之后，为报表指定一个主题，我们在设计时指定的主题样式为 Style1 ? ：2011年度各地区销售量统计表 调色板： =Theme.Colors.Accent1 =Theme.Colors.Accent2 按照以下列表设置 Chart 控件的属性 图表数据属性对话框： 图表 属性名称 属性值 东北地区销量图 常规： 数据集名称：Sales 系列值： 值：=Sum([销售量]) 类别分组： 名称：Chart2_ 值：东北 图表外观属性对话框： 类型： 图表类型：分高图表 调色板： =Theme.Colors.Accent1 =Theme.Colors.Accent2
2.8K80发布于 2018-01-10来自专栏github@hornhuangAndroid 切换主题以及换肤的实现
--注册界面提示红色--> <color name="hintRed">#de4037</color> <color name="blue">#1e50a2</color> <color
1K30发布于 2021-09-24来自专栏Android补给站Hook源码实现阿里无闪烁换肤
那么能不能要实现一个全app内的一键换肤，一劳永逸~~~ 2 正文大纲 2.1 什么是一键换肤 2.2 界面上哪些东西是可以换肤的 2.3 利用HOOK技术实现优雅的“一键换肤" 2.4 这个动态图中，首先看到的是Activity1，点击换肤，可直接更换界面上的background，图片的src，还有textView的textColor，跳转Activity2之后的textView颜色， 在我换肤之前，和换肤之后，是不同的。 换肤的过程我并没有启动另外的Activity，界面也没有闪烁。我在Activity1里面换肤，直接影响了Activity2的textView字体颜色。 关键类 SkinFactory SkinFactory类, 继承LayoutInflater.Factory2 ,它的实例，会负责创建View，收集 支持换肤的view 关键类的调用方式 初始化"换肤引擎
1.6K10发布于 2019-07-17来自专栏code秘密花园前端换肤的N种方案，请收下
以下是网站换肤的实现以及基于换肤拓展的一些方案分享给大家，希望大家在做类似需求的时候能够有些参考。 key2 value2 ，反之则不能。 优点：会生成一套与css变量对应的css 缺点：在构建时根据css变量生成对应的css，换肤是运行时并不能生成对应的css。 换肤后样式： ? } 当点击换肤按钮的时候，直接去加载 less.js，具体代码如下: <template>
小恐龙换肤< 注：使用less 来实现换肤要注意 less 文件在 html 中编写的位置，不然很可能被其他css 文件所干扰导致换肤失败。如果less文件特别大，会存在编译性能问题。2.5K20发布于 2020-06-29来自专栏采云轩如何利用 SCSS 实现一键换肤
这是第 133 篇不掺水的原创 本文首发于政采云前端团队博客：如何利用 SCSS 实现一键换肤 https://www.zoo.team/article/theme-scss 前言 在项目开发过程中 这也是一键换肤最核心的逻辑。 ": 24px) $font-sizes2: ("x-large": 30px, "xx-large": 36px) map-merge($font-sizes, $font-sizes2) 结果: " 点击查看项目源码 (https://github.com/AshesOfHistory/test-skin-refresh) 总结 了解 SCSS 的基础语法，并综合使用，实现了一键换肤功能。 了解一键换肤的核心原理。 参考文章 https://blog.csdn.net/wytraining/article/details/109676970
3.3K10编辑于 2022-03-29来自专栏零域Blog基于Vue、ElementUI的换肤解决方案
写在前面 换肤这个功能，不能算是很常见，但是也是有需求的，所以这里提供几种前端的换肤解决方案，供大家参考。 这个 class 添加到 body 标签中，那么这个时候，我们的换肤效果就出来了。 所以，我们还是用上面的方法，给这个生成的css文件里面的每一个 css 样式加上一个独特的命名前缀，然后换肤的时候，就将这个 class 添加到 body 上面，如此一来，也能实现很丰富的换肤功能（因为我们可以自己配很多套好看的配色 方案四、实时更换主色调 前面已经介绍了几种方法可以做到换肤，但都是在我们的限定提供的几个皮肤范围内换肤；但我们有一个需求是，弹出一个颜色选择器，然后我们选了什么颜色，页面的主色调就立马改成什么颜色。 2、根据用户选择的颜色，生成相应的颜色 /** * 传入一个颜色的HEX，得到这个颜色的深浅颜色数组 * 我们知道，我们默认的主色调蓝色，在实际使用中，还需要对应的浅蓝和深蓝 * @param
6K30编辑于 2022-03-27腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号