VueJS -如何通过点击图标在vuexy中切换深色和浅色主题

文章/答案/技术大牛

发布

1回答

vue.js、icons、themes、toggle

我正在尝试使用图标在深色和浅色主题之间切换，我尝试过使用单选按钮，它工作得非常好，我不知道我在使用图标时哪里出了问题。$store.dispatch('updateTheme', val) } } 我尝试向羽毛图标添加@change和@click，但不起作用，我还尝试像这样添加函数： changeTheme$store.state.themecolr==

浏览 21提问于2021-01-22得票数 0

回答已采纳

1回答

Chrome51中的浅色和深色browserAction图标

google-chrome-extension

在Chrome51中，隐身窗口现在有一个深色工具栏背景，而以前的版本使用浅色背景。一张16x16的图像通常不可能在这两种情况下都提供良好的对比度：当通过browserAction图标向用户显示信息时，扩展可以通过什么机制提供深色和浅色主题的图标，并根据当前工具栏的颜色在它们之间切换

浏览 0提问于2016-04-29得票数 9

1回答

蚂蚁设计:如何在生产中切换明暗主题？

antd

如何在create-react-app生产环境中动态切换Ant Design的深色主题和浅色主题？

浏览 22提问于2020-02-08得票数 11

2回答

在expression blend中使用资源字典处理WP7中的明/暗主题

silverlight、windows-phone-7

在我的应用程序中，有几个实例使用了标准wp7图标库中的png图标。我需要能够在这个png的浅色和深色版本之间切换，这取决于手机设备设置的主题。我要创建两个不同的资源字典，然后在代码中以编程方式在它们之间切换吗？(老实

浏览 3提问于2011-02-24得票数 0

回答已采纳

1回答

尽管使用了localStorage，主题切换器在刷新过程中仍不会持续

javascript、reactjs、react-hooks、local-storage、themes

为一个项目做一个主题切换器，如果没有刷新，它会工作得很好。body.parentElement.dataset.theme = 'light' }, [lightTheme]) 因此，当切换被应用时，html标签上的数据主题被设置为浅色或深色。然而，当我刷新时，页面无论如何都会回到黑色主题。我<

浏览 20提问于2020-10-12得票数 0

5回答

如何在Android 2.3上删除ActionBarSherlock溢出菜单中的图标？

android、menu、icons、actionbarsherlock

我有一个使用主题Theme.Sherlock.Light.DarkActionBar的ActionBarSherlock应用程序。操作栏是深色的，我的菜单图标是浅色的。当我在小布局上运行我的应用程序时，2到3个带有图标的菜单项显示在溢出菜单中。在Android 3+上，overflow菜单项不会显示它们的图标，但在Android 2.3和更早的版本上，我看到菜单磁贴上几乎看不见图标

浏览 2提问于2013-02-28得票数 13

回答已采纳

1回答

在WebStorm中取消集成开发环境和编辑器主题的链接

intellij-idea、webstorm

在更改编辑器主题时，我不小心点击了这个对话框：我如何回到之前的行为，我可以使用一个深色编辑器主题和浅色IDE主题？

浏览 27提问于2017-02-04得票数 0

2回答

如何在Android Studio预览版中切换夜间模式和灯光模式？

android、android-studio、material-design、android-theme、android-darkmode

我开始在我的应用程序上实现暗模式，我正在使用Theme.AppCompat.DayNight.NoActionBar。如何切换Android Studio Preview以显示夜间模式和灯光模式主题？编辑:为了清楚起见，我想在预览中显示我在资源文件夹-night上的所有内容，而不是普通的资源文件夹。

浏览 0提问于2019-10-18得票数 20

回答已采纳

1回答

Ionic v3在运行时在明暗主题之间切换(动态)

css、ionic-framework、sass、themes

在Ionic v3中，会导入文件variable.scss中的主题。并且可以由深色主题代替，以使用深色主题而不是默认的浅色主题。但是如何在运行时在这两个主题之间切换呢？以及如何知道当前哪个主题是活动的，以设置自定义组件的样式。我已经在<

浏览 0提问于2019-08-06得票数 0

3回答

在WP7中根据深色和浅色主题加载图像

silverlight、windows-phone-7、xaml、generic.xaml

在我目前的Windows phone7应用程序中，我们希望使用两个主题:黑暗和光明，我们还在应用程序中使用了一些全景和旋转控件。每个控件对于每个深色和浅色主题都有不同的图像。为此，我在我的项目中创建了两个不同的主题。但是，我无法加载主题的图像。谁能建议我如何从主题加载图像，根据它是深色还是浅色版本？

浏览 7提问于2012-05-26得票数 0

回答已采纳

1回答

WP7:理解暗/亮图标，以及如何根据主题动态更改(通过mvvmlight)？

windows-phone-7、xaml、themes、mvvm-light、application-bar

据我所知，在wp7中有两个主题，光明和黑暗。我注意到应用程序栏有通用图像，它们会自动变亮或变暗。我这样做对吗？那么，我是否需要检查事件的更改或其他情况？因此，我知道主题已更改为自动将图像从亮到暗(或从暗到亮)

浏览 16提问于2012-07-24得票数 0

3回答

Material UI AppBar不会更改主题

reactjs、material-ui

. /></AppBar> 在我的页面上，当我将MUI主题更改为Light时，它没有改变它的默认颜色 import { MuiThemeProvider, createMuiTheme如果我把这个添加到调色板上，我会得到黑色的背景...我想我可以改变整体调色板，当我从浅色改为深色..？ primary: {}

浏览 40提问于2019-05-21得票数 5

回答已采纳

2回答

如何使用<button>在两个CSS文档之间切换

javascript、html、css

我试着在我的网页上使用深色主题和浅色主题，但我找不到一种只用一个按钮来切换它们的方法(所以第一次点击按钮就会打开深色主题，第二次就会关闭它)。我更希望能够在不使用第三方JavaScript库的情况下做到这一点。我已经找到了一种使用<option>元素来实现这一点的方法，但这不是我想要的“切换按钮”： <button onclick=getTheme() id=

浏览 35提问于2019-04-11得票数 3

回答已采纳

2回答

如何通过sass在Bootstrap中使用多个主题

angular、bootstrap-4、sass、angular-ui-bootstrap、scss-lint

在scss文件中：@import "..: ( "primary": $primary_color); 我尝试过这种方法，但不起作用，它只是为所有元素选择最后一个类中的最后一个变量颜色(黄色)，即使我是否添加了灯光类 在</e

浏览 3提问于2020-06-19得票数 0

1回答

如何在带有solarized colortheme的vim中从termtrans切换到!termtrans？

vim、command、color-scheme

当我在vim中将colortheme从暗背景切换到亮背景时，我还希望将termtrans选项切换为off (然后再打开)，因为我不能更改终端的背景色。我如何才能做到这一点呢？上下文:我将终端设置为带有深色背景和透明度的日光调色板。我经常用vim编写代码，使用solarized主题，也使用深色选项。因为我的终端是透明的，所以我设置了透明背景的选项。我喜欢使用浅色选项编写非代码文本。因此，我可以使用-Key快速切换颜色。

浏览 0提问于2012-08-17得票数 1

1回答

HoloEveryWhere不更改ICS +上的ActionBarColor -自定义主题

android、android-actionbar、actionbarsherlock、android-holo-everywhere

我也使用splitActionBarWhenNarrow，所以顶部的ActionBar和底部的ActionBar将是浅色的。我想在顶部的ActionBar深色，所以我已经通过编程更改它，它的工作很好。由于我在顶部ActionBar中有浅色主题和深色主题，因此homeAsUpIndcator将是深色的，这在深色顶部ActionBar中是不可见的。因此，我创建了一个自

浏览 1提问于2012-12-31得票数 0

回答已采纳

3回答

vue.js -当元素和返回数据被禁用时进行监视

javascript、vue.js

我有两个样式表，浅色和深色主题，默认情况下深色是禁用的。当点击一个按钮时，这会切换主题(激活一个而禁用另一个)，效果很好。它可能需要被关注，因为#themelight中的任何变化都需要再次反映在数据中。

浏览 0提问于2020-05-18得票数 0

2回答

如何在Xamarin表单中应用主题资源字典中的条件

xamarin、xamarin.forms、xamarin.android、xamarin.ios、xamarin-studio

我已经通过资源字典为Xamarin应用程序应用了亮主题和暗主题。这是我的资源示例轻主题： <ResourceDictionary xmlns="http://xamarin.com/schemas/2014/forms"，但我只需要改变底部栏的颜色根据用户的level.Its只为轻主题。//need to change bottom bar color as silverelse

浏览 42提问于2020-06-19得票数 0

回答已采纳

1回答

下一个UI更改为整个应用程序上的黑暗主题

javascript

如何在下一个ui https://nextui.org/docs/theme/palette主题中从浅色切换到深色我正在使用Visual Studio 2017中的Dark主题，并安装了高效的工具。在过去的一周里，一些类似的单词突出显示颜色已经在白色上切换为白色。它曾经是蓝底白底的。如果我在代码中选择"password“这个词，它就会变成白色。ThemeP

浏览 20提问于2021-11-20得票数 1

回答已采纳

1回答

如何用React.StrictMode修复ThemeProvider

reactjs、typescript、material-ui

我正在尝试设置深色模式和浅色模式主题之间的切换。在消除了项目中的几乎所有内容之后，我设法在一个最小的示例中重现了这个问题。当我使用React.StrictMode JSX包装器时，可以使用ThemeProvider切换一次主题，但之后所做的更改将不再应用。这是一个可以玩的。检查它，并点击切换暗模式按钮几次，您将看到它永远不会回到亮模式。

浏览 2提问于2020-04-14得票数 3

点击加载更多