Webpack + postcss + 主题 + 热重载
我想允许用户在我的网站上选择主题,他们将通过下拉列表来完成.我目前在弄清楚如何支持此功能的情况下遇到困难,而无需编写愚蠢的代码. 我目前使用CSS模型以及PostCSS,以使我的生活更轻松. WebPack用于将所有内容捆绑在一起.我在开发过程中使用热重载,在此期间我使用样式加载器. 完整配置看起来像 { test: /\.css$/, loader: !isDev ? ExtractTextPlugin.extract('style-loader', 'css-loader?sourcemap&minimize&modules&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]!postcss-loader') : 'style-loader!css-loader?sourcemap&minimize&modules&importLoaders=1&localIdentNa
0 2023-12-01
编程技术问答社区
如何配置WebPack以生成单独的CSS主题
我正在开发一个React应用程序,该应用程序现在由多个主题扩展. 这些主题在我的主题文件夹中的.scss文件中定义: - themes - - theme-base.scss - - theme.dark.scss - - theme.light.scss 它们包含具有一些变量的基本配色方案,例如: [theme-dark.scss] $color-primary: #100534; $color-primary-accent: #231454; 所有组件都只使用这些颜色变量来主题. 现在,我希望webpack编译和concats我的SCSS代码,以分离每个主题的静态CSS文件. 我通过使用ExtractwebpackTextPlugin和一些文件加载​​程序来工作: module.exports = env => { const config = require('./webpack.common')(env); const proj
0 2023-12-01
编程技术问答社区
在将主题部署到liferay门户时发生了错误。"没有找到指定的主题ID的主题。"
我已经创建了示例主题,即根据Liferay教程的Custom.css,并且不知道为什么未部署我的主题,在日志文件中是下一个内容: "没有针对指定主题ID的主题.返回默认主题." 在"管理 - > page->外观和感觉"中的主题中没有我的主题 解决方案 当您已经将主题应用于网站(社区)时,将显示此警告消息,但目前该主题现在不受影响.由于您对主题的最新变化,这可能会发生.请尝试恢复所做的更改,并确保您的主题在部署时成功注册. 如果问题仍然存在,请让我们知道错误日志语句或您对主题的确切更改是什么. 我认为您的主题已被部署到Glassfish,但没有注册到Liferay. 可能存在您的部署过程中存在问题,您可以在Portal-ext.properties File 中相应地设置这些属性 ' # # Set this to true to enable auto deploy of layout templates, portlets, and # themes
0 2023-11-30
编程技术问答社区
成功复制文件的Capistrano错误
我正在使用capistrano部署使用 them_support plugin 的应用程序,我添加了一种方法在我的部署配方中,在部署过程中会自动生成主题缓存.当我部署应用程序时,主题文件已正确复制/缓存,但是Capistrano报告了一个错误: ... *** [err :: servername] cp -r /var/www/app/releases/20110218172542/themes/17/images /var/www/app/releases/20110218172542/public/themes/17/images *** [err :: servername] cp -r /var/www/app/releases/20110218172542/themes/17/stylesheets /var/www/app/releases/20110218172542/public/themes/17/stylesheets *** [err :: serverna
0 2023-11-30
编程技术问答社区
Drupal模板/主题的资源或建议?
我有兴趣为我正在研究的Drupal网站创建自定义主题.我是Drupal的新手,但是我在与基本概念合作的经验中有一定的经验,即建立主题(CSS,PHP,HTML)似乎需要它. 所以,我的问题是 - 我应该从哪里开始?是否有创建Drupal主题的规范指南?我应该意识到的资源(除了 解决方案 最好的方法是从主题开始,然后一点一点修改.这就是我认识的大多数人的方式.您将主题/花环目录录制并将其复制到网站/所有/主题/花环修饰,然后更改其中的一些内容以反映新更改(原则上,您将.info文件重命名为新目录位置,并且您将对其进行编辑以将花环更改为您的新目录),然后稍微稍微更改文件中的内容以反映您的设计. 这看起来似乎很乏味并且浪费时间(为什么不从头开始呢?),但是您有几个优势: 您从工作主题开始 您从一个完整的主题开始,您可能想要的一切 您不会忘记拥有一个工作网站的零件的风险 有一些入门套件应该使事情变得更容易(例如,请参见ZEN主题),您基本上以我上面概述的类似方式编辑.但
0 2023-11-29
编程技术问答社区
在光和黑暗主题之间进行vuetify切换(带有vuex)
因此,在我的vue-project中,我基本上有两个页/组件,这些页数会根据URL使用Vue-Router显示.我可以通过按钮在这些页面/组件之间切换. 我也在使用vuex来管理某些数据. 现在,我在其中一个组件中包含了一个开关,以在Vuetify中的黑暗主题和光主题之间切换. 在此组件的模板中我做: 在被调用的函数中,我做: toggleDarkTheme() { this.$vuetify.theme.dark = !this.$vuetify.theme.dark; console.log(this.$vuetify.theme.dark); }, 在app.vue中,我包括,
0 2023-11-26
编程技术问答社区
无法创建自定义Vuetify主题颜色
在我的vuetify.js文件中,我添加了以下代码以创建自定义主题颜色: Vue.use(Vuetify, { theme: { primary: "#abd10d", secondary: "#5c40c1", } }); 但是,当我将其应用于网站上的元素时,主题不会更新.主要和次要主题仍然是其默认颜色. 为什么不使用我的自定义主题颜色? 解决方案 您需要使用light(默认)或dark ... Vue.use(Vuetify, { theme: { light: { primary: "#abd10d", secondary: "#5c40c1", } } }) demo: https://codeply.com/p/hwrpkuoskr
0 2023-11-26
编程技术问答社区
用vue.js的用户开关定制主题
我有一个VUEJS应用程序,它将带有许多不同的主题(至少20个左右).每个主题样式表不仅会更改诸如颜色和​​字体大小之类的内容,还会改变某些元素的位置和布局. 我希望用户能够动态地在这些主题之间切换.因此,在运行时,用户将能够打开选项菜单并从下拉列表中进行选择. 在VUEJS中拥有许多动态用户选择主题的最清洁方法是什么? 我已经想到了几种方式,例如: 动态插入或标签.尽管这可能起作用,但我并没有真正认为它特别"干净",如果我从Ajax加载,那么通常我会看到 fouc . 简单地通过计算属性更改VUE类绑定.类似于每个组件中每个支持主题的if-else链.我并不特别喜欢这种解决方案,因为每次我以后添加新主题时,我都需要更新. 在React中,我认为有一个插件或具有组件的内容,其中添加主题与包装一样简单,即
0 2023-11-26
编程技术问答社区
VScode中的JavaScript颜色突出显示错误
我有VSCODE编辑器的新安装(V.1.14.2).没有任何安装的扩展名.我在非常简单的文件中突出显示JavaScript有问题. 崇高文本中的相同代码3: 默认VSCODE主题(DARK+),没有此错误,并且所有功能名称和方法具有相同的颜色.但是许多其他主题(例如Monokai和Abyss)具有此错误/功能. 我想具有相同颜色的功能名称和方法(第10、11、13、16行).理想情况下,所有线(如ST3-蓝色)(第13行 - 绿色).但是,如果是绿色的. 我阅读那么,可以解决此问题吗? 解决方案 您可以使用VSCODE命令Developer: Inspect TM Scopes进行范围检查.这种颜色改变了,因为Vscode认为click(),addEventListener() ...是特殊的与DOM相关的属性,应突出显示. 解决方法将在 中修改monokai-color-theme.json Microsoft VS Code\resources\a
0 2023-11-25
编程技术问答社区
vs代码主题'黑暗加'摩纳哥编辑器的css
我正在一个个人项目中使用摩纳哥编辑器,并希望将主题更改为VS Code的Dark Plus使用CSS.我有一个主题的代码(使用样式的组件),我还找到了 vscode dark Plus json中的主题,但我不知道代码中的CSS类是什么代币映射.我在哪里可以找到如何将JSON主题映射到这些CSS课程? export const JsxContainer = styled(BaseContainer)` .mtk1 { color: #d4d4d4; } .mtk2 { color: #1e1e1e; } .mtk3 { color: #000080; } .mtk4 { color: #6a9955; } .mtk5 { color: #569cd6; } .mtk6 { color: #b5cea8; } .mtk7 { color: #646695; } .mtk8 { color: #c586c0; } .mtk9 { color: #9c
0 2023-11-25
编程技术问答社区
我在哪里可以找到一份用于语法高亮的tm-themes的所有可能键的列表?
在我当前的文本编辑器的tmtheme文件中,有许多选项,包括下面的代码中的选项.是否有一个列表来定义可能包含在此列表中的所有可能的标签(例如background,inactiveSelection,findHighlight,et et et et et et eq et et eq et et c1>, )? background #1a1a1a caret #B6ECF9AF foreground #ecf0f1 invisibles #F3FFB51A lineHighlight #2a2a2a selection #e74c3c55
Vscode颜色自定义,包括regexp检查文本标准
我正在尝试使用textMateRules自定义我的VSCODE主题.我想做的是更改颜色类名称,而不是全部,只有特定的名称. 例如,在我正在进行的项目中,我们有类:A,B,C,D ... A和B是"特殊" 类,我想以不同的方式突出显示它们(以红色为例).这就是我现在在setting.json文件中添加的内容: { "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "entity.name.type.class", "settings": { "foreground": "#FF0000", } }, ] }, } ,但它突出
0 2023-11-25
编程技术问答社区
vs代码更改主题颜色仅适用于CSS
我正在使用 我发现您可以通过编辑"editor.tokenColorCustomizations"来更改基本令牌的着色,例如comments.但是,如何从上面更改CSS对语义? 谢谢. 解决方案 我弄清楚了如何实现它.我使用了添加到 tokenColorCustomizations tokenColorCustomizations 中, settings.json.因此,此设置: "editor.tokenColorCustomizations": { "textMateRules": [ { "name": "CSS Class and Support - Property Name", "scope": [ "source.css support.type.property-name", "source.sass support.type.property-name",
0 2023-11-25
编程技术问答社区
完整的主题元素列表要着色?
是否有视觉工作室主题的所有可自定义主题颜色元素的列表? 例如,我不知道如何自定义文件浏览器颜色,例如相当于悬停的浏览器或滚动条. 在文本伴侣主题中,我找不到这样的元素. 或者,也许您可​​以指出"高对比度"主题来源,因为它可以定制所有这些元素. 例如,如何更改滚动条的颜色? 解决方案 vs代码的背景,文本和语言语法着色可以通过主题以及用户设置来定义. 由于1.12,您还可以在VScode中主题任何其他视图.请访问其他解决方案 我没有找到列表,但是我发现了这些信息可能有用. 您可以检查代码并找到范围名称t自定义 范围示波检查员 >
0 2023-11-25
编程技术问答社区
VS代码:如何在颜色主题中使用语义令牌?
我尝试更新我制作的颜色主题(简单的焦点)VS代码,但是我从未找到有关如何使用新语义令牌的主题创建者的指南... 我在主题中已经设置"semanticHighlighting" : true 例如,我想上色类,并且有特定的文本范围示范(entity.name.type.class.js)和创建(entity.name.type.js),但是当使用类时,例如MyClass.props = {} - MyClass.props = {} - 唯一的范围就是通用variable.other.object.js我不想触摸它会使别人弄乱.因此,当我检查范围时,我会看到语义令牌class也与所有类别定义和创建匹配,但是我们该如何使用它? 我天真地尝试添加范围"类",该范围不起作用. 我能找到的关于语义令牌的内容与创建自定义语言有关,而没有针对主题创建者,所以我的猜测是它只是想像文本范围的范围一样工作,但事实并非如此.请有人启发我! 解决方案 在主题文件中,您需要添加se
2 2023-11-25
编程技术问答社区
Visual Studio代码主题编辑PHP
我正在从记事本++ 切换到VS代码 目前,我烦恼我的第一件事是在文件中,php标签与DIV元素相同.我想将PHP标签的颜色更改为红色的阴影. 仅使用默认与深色主题. tia 解决方案 您还可以在用户设置中进行此更改.我包括了一些我用于粗体功能,关键字等的其他自定义.这些类型的更改应放在用户设置文件中,而不是自定义特定主题文件 - 因为升级主题时您的更改将丢失. "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": [ "punctuation.section.embedded.begin.php", "punctuation.section.embedded.end.php" ],
0 2023-11-25
编程技术问答社区
C#语法高亮着色
我可以像Visual Studio一样单独更改字段/局部变量的颜色吗? 在Visual Studio(字段变量分配,ReadWrite是绿色和局部变量分配,ReadWrite是白色的): ): 但是在VSCODE中,本地和字段变量的范围是" variable.other.object.cs"和" variable.other.other.readwrite.cs",导致: (玩家和动画都是绿色的) 我也想区分静态对象和动态对象,这两个对象都具有" variable.other.object.cs"范围. 在Visual Studio中看起来像这样: ,但在vscode中看起来像这样: 我对此有什么能做的吗? 谢谢 解决方案 要实现您想要的目标,荧光笔需要"理解"代码语义.引入了VSCODE中的语义突出显示今年年初 仍然有限. C#Highlighter背后的引擎Omnisharp开始支持基于Roslyn的语义作为实验特征. 您首先需要选择加
0 2023-11-25
编程技术问答社区
VS代码与Jupyter'的交互式窗口: 如何改变Python交互式窗口的语法颜色(有些文字在深色主题上无法阅读)?
我正在使用Jupyter的Python Interactive窗口使用VS代码,以便我可以运行单个单元格并在Python Interactive窗口中获取输出,图形等. 但是,某些颜色在较深的主题上是无法读取的,例如请参见下面的示例中的蓝色和红色单词. 更改主题不会改变python交互式窗口中的颜色. 解决方案 不幸的是,对您的问题不是一个完整的答案,但是我发现内置的黑暗主题在Python Interactive窗口中仍然清晰可见.您可能会发现必须重新启动VS代码以进行主题更改.这是使用随附的深色+主题时的屏幕截图. 其他解决方案 在此VS代码上自定义Jupyter颜色有一个有用的线程:考虑到Python扩展程序的最新下载,您可以转到"设置">"用户设置",然后搜索"数据科学",然后在此调整内容.我的问题是交互式窗口的错误单元格不匹配默认的黑暗主题. 之前: 我应用了此解决方案( 我正在使用VS代码1.33.0,在OSX. 上使用Pytho
0 2023-11-25
编程技术问答社区
vscode:`editor.tokencolorcustomizations`>`comment'不为整个评论着色
环境 Visual Studio代码 1.18.0 用于MacOS. 主题hedinne.popping-and-locking-vscode作者 Hedinne . 问题 为什么当我覆盖editor.tokenColorCustomizations>> comment? 时,块注释的初始/*的颜色不会更改 示例 解决方案 "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "punctuation.definition.comment", "settings": { "foreground": "#33f" } } ] }
0 2023-11-25
编程技术问答社区