vs2015如何改主题 您所在的位置:网站首页 vs主题怎么换 vs2015如何改主题

vs2015如何改主题

2023-03-21 04:57| 来源: 网络整理| 查看: 265

怎么在vs2015中的壁纸换了

方法/步骤 1 打开visual studio 2013开发工具。 2 在开发工具界面菜单处选择点击“工具(T)”,在下拉菜单处选择点击“选项(O)”。 3 打开选项界面,可以看到选项界面可以进行多种设置。 4 在选项列表中,选择“环境”-;“字体和颜色”。 5 可以选

如何改变Visual Studio的主题

首先下载安装Microsoft Visual Studio软件,并且破解。安装完成后即可开始使用了。此处安装的是Microsoft Visual Studio 2012版本。

打开Microsoft Visual Studio 2012。可以看到界面为白色或者灰色。可以修改主题颜色。

在Microsoft Visual Studio 主界面菜单处,点击“工具”,打开工具下拉菜单。

在“工具”下拉菜单最下方可以看到“选项(O)”,点击打开选项界面。

打开“选项”界面,可以看到很多Microsoft Visual Studio的功能设置。

在Microsoft Visual Studio选项界面左侧,找到“环境”点击打开,看到“常规”,打开即可。

在右侧可以看到“颜色主题”,下拉框里面选择“颜色主题”即可。

最后,在Microsoft Visual Studio选项界面选择颜色主题后,点击“确定”即可。首先下载安装Microsoft Visual Studio软件,并且破解。安装完成后即可开始使用了。此处安装的是Microsoft Visual Studio 2012版本。

打开Microsoft Visual Studio 2012。可以看到界面为白色或者灰色。可以修改主题颜色。

在Microsoft Visual Studio 主界面菜单处,点击“工具”,打开工具下拉菜单。

在“工具”下拉菜单最下方可以看到“选项(O)”,点击打开选项界面。

打开“选项”界面,可以看到很多Microsoft Visual Studio的功能设置。

在Microsoft Visual Studio选项界面左侧,找到“环境”点击打开,看到“常规”,打开即可。

在右侧可以看到“颜色主题”,下拉框里面选择“颜色主题”即可。

最后,在Microsoft Visual Studio选项界面选择颜色主题后,点击“确定”即可。

怎么更换桌面主题?

怎样设置电脑桌面的主题?

1、点击开始找到“控制面板”。

2、进入控制面板往下拉,找到”个性化“。

3、点击进入后,就会出现很多的电脑主题。如图:

4、选择好主题,点击这个电脑主题。

5、然后电脑系统就在自动更换中,会变黑白哦,稍等下既可以。

6、如图,更换好了。

桌面主题怎么改为默认的

右键桌面-属性-在打开的属性对话框中的“主题”选项卡里有个主题的下拉列表,在哪儿选择就行了。

如果使用默认的桌面主题就选择Win绩ows XP这个主题就可以了。

怎么更换成自己下载的电脑主题

首先得确定是VS主题,还是WB主题,

如果是VS主题的话,将压缩包解压后的所有文件包括“ .theme”文件复制到 C:\WINDOWS\Resources\Themes 这个文件夹!

不是复制压缩包~~~

然后从桌面“右键 / 属性 / 主题”里选择应用即可!

这美化教程挺多,你可以学习下!

desktx/pc/tutorial/

参考资料:desktx/pc/tutorial/

如何更改桌面主题

WindowsXP采用了全新的主题管理内核,其功能非常强大,能够实现的效果非常炫目,但

是居然不支持非官方的桌面主题,Plus!里那几个简单的主题不用几天就看腻味了,所以,

要想使用第三方的主题,就必须通过非官方的办法来解决。

一.必备软件

1.StyleXP

StyleXP是一个第三方的XP桌面主题支持和管理软件,也是目前最好的。它使用的是

WindowsXP的主题内核,并且强化了很多功能,可以导入、选择、更换和管理官方的和非

官方的桌面主题、壁纸甚至登陆界面。

该软件安装之后会在XP中添加一个后台运行的服务StyleXPService,占用1-2MB的内存,

这个服务也就是能够使用第三方主题的基本。另外,它的主程序可以选择两种运行方式,一

种是保持运行在系统托盘里,这种模式在系统托盘里有一个StyleXP的图标,随时可以点击

调出主界面;一种是不消耗资源的方式,主程序平时不运行。建议大家选择第二种方式,因

为这个主程序运行起来可不秀气,占用内存到10-20MB。实际上第二种方式也可以随时运行

主程序来管理主题。

StyleXP是共享软件,自带中文语言,在1.01L版本之后正式支持WindowsXPSP1,1.01P

版本开始支持Windows2003。

2.UxTheme.dll破解版

UxTheme.dll就是XP系统主题支持的核心文件,也就是它让XP无法使用第三方主题。如果你

不想安装StyleXP,那么你可以通过破解UxTheme.dll文件来达到目的。实际上,

UxTheme.dll破解版就是推出StyleXP的TGTSoft在爱好者的强烈要求下放出来的,

Microsoft好像也默认了这种行为,呵呵,真是难得。使用UxTheme.dll破解版之后,无

需任何其他的软件你就可以在XP的显示属性中管理和调用第三方的主题和风格。

下载UxTheme.dll破解版之后,先将X:\Windows\System32\UxTheme.dll重命名,例如改

成UxTheme.dll.bak,然后将破解版的复制过来,重新启动即可。注意,这里还牵涉到

WindowsXP的系统文件保护,请参见下面的内容。

以上两种解决办法只要任选其一即可,各有各的好处,大家看着办吧。笔者个人来言用的是

前者,因为当StyleXP以服务运行时占用的资源非常少,2MB左右,无须修改系统文件,而且

管理起主题来比Windows的显示属性方便得多,而且还可以随意更换和管理Logon界面,不需

要去烦琐地替换系统文件,等等。真正说喜欢用桌面主题的话,不大可能在乎这么一点点资

源的占用。

二.桌面主题的构成

一个XP的桌面主题可以包含好几个部分,风格、壁纸、屏保、鼠标指针、系统声音事件、图

标,除了风格是必须的之外,其他部分都是可选的。风格可以定义的内容是大家在Windows

里所能看到的一切,例如窗口的外观、字体、颜色,按钮的外观等等等等,一个桌面主题里

风格就决定了大家所看到的Windows的样子。

大家可以打开X:\Windows\Resources\Themes目录,这个目录就是XP中存放桌面主题的目

录。你能看到有很多xxx.theme文件,你在显示属性的“主题”列表里看到有多少个主题里

就有多少个.theme文件,它就是Windows主题文件,一个桌面主题的总定义文件,它的内 ......

电脑桌面主题怎么换回来

在桌面上右击-属性-在主题里面更改成原来的主题就可以了

怎么修改w7桌面主题啊?

右键点桌面-梗选其中的个性化--这里面一个个就是主题了,要细改可以选其中一个,然后在最下边有墙纸,声音什么的,可以点进去自己改,还可以连网下载更多主题

电脑主题和桌面如何取消自动更换

把。。。壁纸。。。桌面 卸掉

电脑主题界面怎么改

微机系统应用中(微软)提供了两种电脑主题界面更改方案

一般操作规律:

Ⅰ.主屏界面-》鼠标右击-》个性化-》主题

Ⅱ.win键-》控制面板-》外观个性化-》更换主题

*附图

视窗-个性化(a-1)

主题更换(a-2)

控制面板(b-1)

更换主题(b-2)

更换主题(b-3)

win7系统的怎么更改桌面主题

控制面板 外观与个性化里 自己设置

电脑主题和桌面被自动更改怎么办?

电脑主题和桌面被自动更改有两种可能:

1、用户在电脑上安装了定时更新系统主题和整理桌面的软件,解决方法是更改软件的设置,禁止其改变电脑主题和整理桌面。注:能够改变电脑主题的软件很少,大多数软件都只是能定时更换电脑桌面背景。

2、电脑中了病毒。电脑中病毒之后会发生很多不受用户控制的情况,自动改变电脑主题和桌面的情况也是有可能发生的。解决方法一是使用杀毒软件彻底全盘查杀,清除病毒;二是重装系统。杀毒软件可能解决不了问题,重装系统能彻底解决。

如何打造一款属于自己的 Visual Studio Code 颜色主题

Visual Studio Code 是我在最近一年中最喜欢的一款编辑器,微软每一次的更新都会给大家带来惊喜,更是令人愈加喜欢。之前一直使用内置的颜色主题 Light+ 和 Dark+ ,但近来突然觉得前者颜色区分度不高,一眼看上去就密密麻麻的一对代码,而后者则是被选中的文本背景色太浅,跟编辑器的背景颜色很相似,很难区分出来,于是萌生了要制作一款自己的颜色主题的想法。经过几天的研究,终于捣鼓出来了 Lei Theme 系列颜色主题。

先来看看其中两款主题的效果:

一般来说,我们并不需要重头来制作一款颜色主题,首先需要选择一款自己最喜欢的颜色主题(或者说先找一款与自己的想法最相似的颜色主题),然后在此基础上进行些许调整即可。另外如果想将颜色主题发布到微软的 Visual Studio Code 扩展商店上,还需要注册一个微软开发者账号,并通过 vsce 工具来发布出去,下文会对此进行详细说明。

tmTheme 格式的颜色主题

TextMate 曾是多年前最流行的代码编辑器之一,其颜色主题的文件后缀为 .tmTheme ,在本文中我们将其简称为 tmTheme 格式。Visual Studio Studio 的颜色主题采用的是标准的 TextMate 主题格式,我们可以参考这篇文章 Writing a TextMate Grammar: Some Lessons Learned ,大概可以理解为这样: 编辑器对代码进行解析后,会为每个元素指定一个 scope ,这个 scope 即表明此元素是一个关键字还是一个常量,又或者是一个标点符号,通过 tmTheme 格式的文件来定义相应 scope 的文字样式。

根据该文章可知道以下是常见的 scope 列表:

comment

constant

constant.character.escape

constant.language

constant.numeric

declaration.section entity.name.section

declaration.tag

deco.folding

entity.name.function

entity.name.tag

entity.name.type

entity.other.attribute-name

entity.other.inherited-class

invalid

invalid.deprecated.trailing-whitespace

keyword

keyword.control.import

keyword.operator.js

markup.heading

markup.list

markup.quote

meta.embedded

meta.preprocessor

meta.section entity.name.section

meta.tag

storage

storage.type.method

string

string source

string.unquoted

support.class

support.constant

support.function

support.type

support.variable

text source

variable

variable.language

variable.other

variable.parameter

以下是一个 tmTheme 格式文件的代码片段:

dict

keyname/key

stringKeyword/string

keyscope/key

stringkeyword.control,keyword.other,variable.language,storage.type,storage.modifier,keyword.function/string

keysettings/key

dict

keyforeground/key

string#0808D1/string

/dict

/dict

dict

keyname/key

stringInvalid/string

keyscope/key

stringinvalid/string

keysettings/key

dict

keyforeground/key

string#cd3131/string

/dict

/dict

从上面的代码可以看出,其实这个 tmTheme 格式的文件似乎也挺简单的,然而初学者而言,难的是 不知道 scope 怎么写 ,下文会循序渐进地对此进行说明。

创建颜色主题项目

根据官方文档,我们先执行以下命令安装 Yeoman 代码生成工具来创建一个默认的颜色主题项目:

$ npm install -g yo generator-code

安装完毕之后,进入 ~/.vscode/extensions 目录执行以下命令启动生成器:

$ yo code

说明: ~/.vscode/extensions 表示用户根目录下的 .vscode/extensions 目录,之所以在此处新建项目主要是为了不用发布到扩展商店也可以在本地进行使用,并且方便调试。

选择 New Color Theme 创建颜色主题项目:

_-----_ ╭——————————————————————————╮

| | │ Welcome to the Visual │

|--(o)--| │ Studio Code Extension │

`---------´ │ generator! │

( _´U`_ ) ╰——————————————————————————╯

/___A___\ /

| ~ |

__'.___.'__

´ ` |° ´ Y `

? What type of extension do you want to create?

New Extension (TypeScript)

New Extension (JavaScript)

❯ New Color Theme

New Language Support

New Code Snippets

接着需要在命令行下交互式地填写一些问题,以下是我在执行过程中填写的内容:

? What type of extension do you want to create? New Color Theme

URL (http, https) or file name of the tmTheme file, e.g., .

? URL or file name:

? What's the name of your extension? my-theme

? What's the identifier of your extension? my-theme

? What's the description of your extension?

? What's your publisher name? leizongmin

? What's the name of your theme shown to the user? my-theme

? Select a base theme: Dark

需要说明的是,第一个问题 URL (http, https) or file name of the tmTheme file 需要提供一个已有的 tmTheme 文件作为基础,此处可直接复制示例中的 URL 。

稍等片刻,工具自动生成了项目之后,会提示我们执行以下命令开始编辑代该项目:

$ cd my-theme

$ code .

以下是生成的项目的文件结构:

.

├—— README.md

├—— package.json (扩展信息文件)

├—— themes

│ └—— Monokai.tmTheme (颜色主题定义文件)

└—— vsc-extension-quickstart.md (帮助文件,上面详细说明操作步骤)

首先看看 package.json 文件:

{

"name": "my-theme",

"displayName": "my-theme",

"description": "",

"version": "0.0.1",

"publisher": "leizongmin",

"engines": {

"vscode": "^1.5.0"

},

"categories": [

"Themes"

],

"contributes": {

"themes": [

{

"label": "my-theme",

"uiTheme": "vs-dark",

"path": "./themes/Monokai.tmTheme"

}

]

}

}

contributes 中定义了此扩展项目包含的内容,其中 themes 表示颜色主题,是一个数组,我们可在此处放入多个颜色主题。以下是 themes 中每个元素的定义:

label 表示颜色主题的名称,即在 Preferences: Color Theme 列表中显示的名称

uiTheme 是指编辑器 UI 的颜色,可选为 vs-light 和 vs-dark ,如果我们的颜色主题是深色系的,就选 vs-dark

path 是 tmTheme 文件的位置

为了避免混淆,我们可以将文件 ./themes/Monokai.tmTheme 改名为 ./themes/my-theme.tmTheme ,并修改 package.json 相应的位置。

现在在 Visual Studio Code 中按快捷键 ⌘Command + Shift + P 打开命令面板(Windows / Linux 系统应为 Ctrl + Shift + P ),输入 Color Theme 并按回车,再中列表中选择 my-theme 按回车即可使用刚刚创建的新颜色主题:

从上图可以看出,这其实就是一个标准的 Monokai 主题。

tmTheme 编辑器

从生成的 vsc-extension-quickstart.md 文件中我们得知有一款 Web 版的在线 tmTheme 编辑器 ,通过该编辑器可以进行可视化地编辑 tmTheme 文件。比如以下视频是更改 String 和 Keyword 颜色的示例:

你的浏览器不支持 标签.

主要的操作方法为:

在左侧 Scope Name 列表中选中一项,然后双击 FG 列上的颜色(FG 表示 foreground,即前景颜色),然后选择要更改的颜色即可,可以看到代码预览区域的颜色会实时改变

点击顶部栏的【Download】按钮即可下载编辑后的 tmTheme 文件,直接将其覆盖项目中的 ./themes/my-theme.tmTheme 文件即可

在 Visual Studio Code 中按快捷键 ⌘Command + Shift + P 打开命令面板,输入 Reload Window 并按回车即可看到修改后的颜色主题

但是,在一些实现细节上,Visual Studio Code 并不与该 tmTheme 编辑器一致,所以我们在该在线编辑器上看到的效果可能与 Visual Studio Code 上稍有不同,所以我们可能还需要直接编辑 tmTheme 文件。

如何知道 scope 是什么

下面是这款主题中,模板字符串的渲染效果:

从图中可以看到,模板字符串中的字符串和变量的颜色都是一样的,而假如我想改变模板字符串中变量的颜色,却是无从下手,因为即使翻遍 TextMate 官方文档中关于 tmTheme 的介绍也找不到模板字符串的 scope 是什么。

其实我们可以借助 Visual Studio Code 的开发者工具来找到任意元素的 scope ,以下是演示视频:

你的浏览器不支持 标签.

从开发者工具中我们可以看到模板字符串中 ${ 的样式是:

token block ts punctuation definition meta string begin function arrow new expr template expression template-expression

而模板变量 file 的样式是:

token block ts meta variable other readwrite string function arrow new expr template expression

再结合文首对于 scope 介绍的文章,我们假设我们要的 scope 名为 template.expression 。接着打开文件 ./themes/my-theme.tmTheme ,仿照该文件的格式,我们添加以下代码在对应位置:

dict

keyname/key

stringTemplate Expression/string

keyscope/key

stringtemplate.expression/string

keysettings/key

dict

keyforeground/key

string#23C4FA/string

/dict

/dict

再按快捷键 ⌘Command + Shift + P 打开命令面板,执行 Reload Window ,此时可以看到模板字符串中的变量颜色跟字符串的颜色不一样了:

tmTheme 文件处理规则

尽管已经实现了我们想要的效果,相信阅读到这里的时候很多人还是一头雾水,并不知道为何 scope 是 template.expression 。我在刚开始时虽然也猜想到是像 CSS 的类选择器一样,但还是不太确定,直到阅读到 Visual Studio Code 的源码后才得以印证。

以下是 Visual Studio Code 源码中负责处理 tmTheme 的 scope 的程序文件 src/vs/workbench/services/themes/electron-browser/stylesContributions.ts ( 点此查看完整文件 ):

export class TokenStylesContribution {

public contributeStyles(themeId: string, themeDocument: IThemeDocument, cssRules: string[]): void {

let theme = new Theme(themeId, themeDocument);

theme.getSettings().forEach((s: IThemeSetting, index, arr) = {

// @martin TS(2.0.2) - s.scope is already a string[] so no need for all this checking.

// However will add a cast at split to keep semantic in case s.scope is wrongly typed.

let scope: string | string[] = s.scope;

let settings = s.settings;

if (scope settings) {

let rules = Array.isArray(scope) ? string[]scope : (scope as string).split(',');

let statements = this._settingsToStatements(settings);

rules.forEach(rule = {

rule = rule.trim().replace(/ /g, '.'); // until we have scope hierarchy in the editor dom: replace spaces with .

cssRules.push(`.monaco-editor.${theme.getSelector()} .token.${rule} { ${statements} }`);

});

}

});

}

private _settingsToStatements(settings: IThemeSettingStyle): string {

let statements: string[] = [];

for (let settingName in settings) {

const value = settings[settingName];

switch (settingName) {

case 'foreground':

let foreground = new Color(value);

statements.push(`color: ${foreground};`);

break;

case 'background':

// do not support background color for now, see bug 18924

//let background = new Color(value);

//statements.push(`background-color: ${background};`);

break;

case 'fontStyle':

let segments = value.split(' ');

segments.forEach(s = {

switch (s) {

case 'italic':

statements.push(`font-style: italic;`);

break;

case 'bold':

statements.push(`font-weight: bold;`);

break;

case 'underline':

statements.push(`text-decoration: underline;`);

break;

}

});

}

}

return statements.join(' ');

}

}

我们再来回顾一下上文 tmTheme 文件每一项 scope 的配置内容:

dict

keyname/key

stringTemplate Expression/string

keyscope/key

stringtemplate.expression/string

keysettings/key

dict

keyforeground/key

string;/string

/dict

/dict

其中第一项 name 表示的是我们给该规则起的名称; scope 则是适用的 scope ,如果多个可以用逗号分隔,比如 User-defined constant 的 scope 值就为 constant.character, constant.other ; settings 则是具体的样式信息,比如颜色值。

从源码中可以看出,支持的样式只有 foreground 和 fontStyle ,而 background 则从注释中可以看出由于某原因导致 Visual Studio Code 暂时不支持。

scope 值为 template.expression 则可被认为是 CSS 类选择器 token.template.expression ,在前文的 Developer Tools 的演示视频中,模板字符串的变量名在渲染时其 HTML 为 span class="token block ts meta variable other readwrite string function arrow new expr template expression".../span ,如果我们熟悉 CSS 的话应该能一眼就看出来 .token.template.expression 是会匹配到该标签的。所以,我们可以简单地把 scope 当作是 CSS 的类选择器。

需要注意的是,如果我们在定义 scope 时写得不够详细,可能会错误地匹配到其他元素,致使调好了一部分,另一部分却被调坏了,所以要做得完美也并非易事。

发布到扩展商店

要将扩展发布到扩展商店以便让更多人可以使用到,我们需要借助 vsce 命令行工具,可以参考文档 vsce - Publishing Tool Reference 。以下是其基本步骤:

安装 vsce 命令行工具。执行命令 npm install -g vsce

注册 Visual Studio Team Services 账号,并获取到 Access Token

创建 Publisher。执行命令 vsce create-publisher

登录到 Publisher。执行命令 vsce login

发布扩展。执行命令 vsce publish

详细操作步骤建议参考相应的官方文档。

本文并没有详细到手把手教地去讲解如何打造一款 Visual Studio Code 颜色主题,仅仅是提到了几个我在折腾过程中认为比较关键,而又很难通过文档去查到的要点。爱折腾是程序员的天性,希望本文能让爱折腾的你少走一些弯路,把喜爱的 Visual Studio Code 玩出花来。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有