Comments (10)
This feature is not hard to add. But I am curious about why you need this feature.
Logos can be images which it's color can be too light in darkmode(or too dark in lightmode), so I added that darkLogo option.
But font icons only have shapes, and it's color should be adjusted when switching between darkmode and lightmode.
So why do you need to change to another icon in darkmode?
from vuepress-theme-hope.
Oh, sorry. I though that you can add a darkIcon and then add darkStyle and Style (for light mode) to make it render like this: <i class="fal fa-quidditch" style="color: #f06595;"></i>
but I h the a better idea that we just need to add
darkStyle
(for styles in darkmode) and Style
(for lightmode)
Why
Well, have a look at my site, the reddit icon in darkmode look doesn't good because of its color but in lightmode, it look great in lightmode so adding a way to change the color of icons in dark/light mode is great
from vuepress-theme-hope.
Do you like the icon color or not?
If not, I think it's possible for you to add in your index.styl
.iconfont::before
color inherit
If above has issues, you can add important:
.iconfont::before
color inherit!important
from vuepress-theme-hope.
I really love the icon color in light mode but it doesn't look good at darkmode so I just want to change the icon's color in darkmode into another color
from vuepress-theme-hope.
Besides, I regard these icons as decorations, and I am not expecting users take a look time configurating them. So I would prefer them to be the same as text color. If you do want a full control to the icon, I will add some options like iconStyle add darkIconStyle.
Note: Having colorful icons maybe strange when you hover or active them.
from vuepress-theme-hope.
Hey here, I just realize you are configuring contact. There is a component for you to add those links:
from vuepress-theme-hope.
Oh, yeah I know that but it doesn't support some platform: gitlab, bitbucket, reddit so I choose to add a small dropdown item on the nav bar
from vuepress-theme-hope.
You can leave the icons you want, I can add them in the next version.
Any icons you want besides gitlab, bitbucket, reddit?
from vuepress-theme-hope.
Can you add discord as well. Thanks
from vuepress-theme-hope.
The four icons were added in 0.8.0
from vuepress-theme-hope.
Related Issues (20)
- [Feature Request] Remove theme transition
- [Feature Request] 能否把`@mdit/plugin-container`中的`marker`选项添加到`MdEnhance 插件`配置中 HOT 1
- 代码块有没有可能折叠?[Feature Request] HOT 2
- [Bug]设置 必应壁纸 或 一言描述 后,运行 pnpm run docs:dev 报错 HOT 2
- [Bug] The jsonLd argument of SeoOptions is mismatched with the documentation
- [Bug]侧边栏布局问题 HOT 4
- [Bug] ERROR: No loader is configured for ".vue" files HOT 1
- [Feature Request] Can add a function to support one -click configuration summary? HOT 6
- [Feature Request]search-pro在配合全局加密时,search-pro.worker.js会暴露出内容,希望可以加密一下索引。
- 做一个内容容器,类似于提示容器 HOT 3
- [Bug]全屏按钮设置不生效 HOT 1
- [Bug] 评论插件好像坏了 giscus 报 403 HOT 4
- [Feature Request] Support license in frontmatter for copyright2 in theme
- [Bug] navbar can't scroll if window is narrow HOT 1
- [Feature Request] 将 “star” 翻译为 “星标” HOT 2
- [Feature Request] markdown 文件引入 HOT 2
- [Feature Request] Add reading-time2 demo website
- [Feature Request] 添加水印预设
- [Bug] 左上角logo处在无障碍下检测出 图片元素缺少 [alt] 属性 HOT 1
- [Feature Request] 支持通过 props 传入 `<Breadcrumb>` 配置 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vuepress-theme-hope.