设置eclipse主题风格和取消黑色主题(详细)

article/2025/8/14 19:11:17

在网上收集了很多答案最后结合本人具体情况,汇总如下:

一、将代码区域设置成黑色主题

代码区设置自己喜欢的代码风格,让你的代码与众不同,先上效果图:

效果图
1、第一步
到主题网上载自己喜欢的主题,下载链接:
Eclipse Color主题下载
网站有很多的风格,选择自己喜欢的一种下载即可
在这里插入图片描述
点击这个下载:

下载后将文件放入文件夹(记住路径,下一步会用)
2、第二部:导入
file—>import选择General—>Preferences选择之前下载的epf文件—>Finish.即可

选择刚才文件的路径:点击finish即可
在这里插入图片描述
之后就可以看到效果图啦
这只是设置了代码区风格化显示,还想设置整体都成黑色的风格怎么办?

二、软件整体设置黑色背景

如果是新版本的设置一步即可到位:
依次打开:Windows——preferences——General——appearance——Theme
将Theme改为Dark即可

在这里插入图片描述

按照上述步骤最后的风格是这样子的:
在这里插入图片描述

是不是很简单炫酷,我之前搞了很久,原来终于知道自己的是eclipse老版本,下了插件也没用,找了很多办法也徒然

耨,接下来就是老版本的网上的解决办法:建议下最新版本的eclipse

1、下载插件
我百度了很多,大部分的方法都是基于eclipse是Eclipse LUNA 版本,对于非Eclipse LUNA 版本的就是简单的说下载个插件(eclipse 黑色主题插件),点击下载插件

按照理论将这个插件jar包爱你放入eclipse目录下的plugins目录下即可。

但是博主试了很多次都是以失败告终,我的eclipse版本是4.6版本的,按理说是比Eclipse LUNA 版本(4.4)更靠前一些,奈何,下载完插件之后,按照步骤:具体步骤见这位博主:下载完见此答案

2、并没有预想效果
可是我重启后打开,并没有用。
在这里插入图片描述
并且我的这里,并没有出现像网上大部分人说的那样有这个colors thems
网上方法图片

于是奔溃的我在网上百度了很多,最后终于给我找到原因(划重点了)

归其原因,就是因为这个版本的eclipse并不能靠插件改变成黑色背景

于是我又去下载了一个Eclipse LUNA 版本,这回终于给我找到这个them在这里了,最后发现整个界面是这样的:
Eclipse LUNA 版本下载
在这里插入图片描述

这种颜色的,并不怎么适应,很多东西都看不大清,也会有相应的解决办法,请看:黑色背景下有些字看不清怎么办

三、恢复原来的背景

有些人肯定和我一样,觉得黑色的不适应,字又看不清,还是喜欢原来的白色背景,如何变成原先的背景呢?
首先要关闭eclipse,然后只需要经过简单的4步就可以恢复默认配色了
1、打开eclipse项目的工作空间(非你做了配色修改的工作空间),找到找到这个目录下“.metadata.plugins\org.eclipse.core.runtime”,这里有.setting文件夹,把里面文件copy
2、进入你更改配色方案的工作空间,同样找到这个路径“.metadata.plugins\org.eclipse.core.runtime”,将setting文件夹全部删除,并Ctrl+C复制刚才你复制过来的setting文件
3、启动eclipse,打开你原先做了配色更改的工作空间,此时就会看到配色已回复如初。
在这里插入图片描述
也可参考该回答(已做更改)
Eclipse默认配色的恢复方法

希望能帮到你!


本文章已同步至我的GitHub仓库:Javastudy,期待您的加入😊

本文章已同步至苍何的个人博客,可以直接在博客上留言哦😊

来我的微信公众号玩耍呗😊

扫码无套路关注我的CSDN博客😊


http://chatgpt.dhexx.cn/article/N9BHdN35.shtml

相关文章

如何为Eclipse安装主题(Color Theme)

最近做php环境转到Eclipse上,开发环境默认都是白底黑字的, 时间长了眼睛很难受,于是找了eclipse color theme安装。 方法1:你可以从Eclipse Marketplace中下载 Please visit here: http://eclipsecolorthemes.org/?viewplugin 进…

Eclipse超棒的主题,你不能错过!

DevStyle 主题 看了一段时间的原味eclipse后,突然想给眼睛放个假,为什么我不去换一个主题呢,漂漂亮亮的心情也好点。网上好多帖子介绍的都略老,手动更换,关键是貌似只能更换编辑区,那也太难受了&#xff0…

推荐一个很健康护眼的eclipse主题

先PO一张效果图。(豆沙色) 设置方法: 背景颜色设置: 打开eclipse,点击windows->Preferences->General->Editor->Text Editors,右边选择Appearance color options ,选Background …

Eclipse超级好看的主题,极力推荐

一、DevStyle主题插件 平常经常使用Eclipse工具来编程,写Java代码,Eclipse自带白色和黑色的主题,在看腻了Eclipse一段时间后,就想着换个主题风格来调节调节视觉效果,于是就想着找一款Eclipse漂亮主题的插件&#xff0…

Eclipse主题设置方法(系统主题设置、自行下载主题设置)

eclipse主题设置方法: 主题设置方法有两种: 一. 系统自带 二. 自己下载主题 第一种 系统自带主题设置 1 打开eclipse–窗口(windows)—首选项(preferences) 2 常规(General)—外观(Appearance…

eclipse如何设置自己喜欢的主题

eclipse中设置主题的方法大概有三种:接下来对三种分别做一讲解 目录 1、系统设置里更改2、从Eclipse Marketplace里下载主题3、安装别的网站适配的主题注意事项 1、系统设置里更改 1.1 如果Eclipse系统自带黑色皮肤主题,那么就可直接设置。window下&a…

使用draggable组件实现拖拽自定义表格

主要是为了给表格自定义功能添加设置项&#xff0c;拖拽行的位置改变更保存给后端更新页面&#xff0c;实现表格的前后位置变换及宽度自定义 上代码 <template><div><div class"text-box" v-show"showTextBox" unselectable"on"…

vue拖拽组件draggable

1、安装vuedraggable依赖 npm i vuedraggable2、在页面中引入 import Draggable from vuedraggable components: {Draggable },下面为实图使用&#xff0c;代码直接参考下面的&#xff0c;拷贝即可使用 //主页面 <template><div class"ctnr"><div…

vue3 draggable拖拽

&#xff01;&#xff01;首先安装 vuedraggable npm i -S vuedraggablenext一定要带上next&#xff0c;不然就会报错 很恶心&#xff01;使用建议看官网。 官网&#xff1a;vue.draggable中文文档 - itxst.comVue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动…

vue-draggable-resizable定制化可拖动控件

最近遇到一个需求&#xff1a;前端定制化生成合同模板&#xff0c;生成时可以在指定位置拖放指定的控件&#xff0c;可动态编辑指定控件的属性和位置&#xff0c;最后将控件的位置等属性传给后台&#xff0c;后续使用模板签署合同时&#xff0c;乙方可在模板上指定位置签署。 点…

使用 vue.draggable 实现拖拽、克隆

这是大佬的博客 https://blog.csdn.net/zjiang1994/article/details/79809687 里面对vue.draggable的一些方法和属性&#xff0c;进行了详解&#xff0c;非常的详细&#xff0c;比官网的还要详细哦&#xff01;给大佬点赞&#xff01;&#xff01;&#xff01; 这是vue.draggab…

React Draggable 实现拖拽 - 最详细中文教程 - 卡拉云

本文首发&#xff1a;《React Draggable 实现拖拽 - 最详细中文教程 - 卡拉云》 React Draggable 是 react 生态中&#xff0c;最好用的拖拽实现库之一。如果你的应用中需要实现拖拽功能&#xff0c;可以尝试用 react-draggable&#xff0c;它可以满足多数情况下的拖拽需求&am…

draggable属性的应用

draggable属性用来定义元素是否可以拖动。 效果图&#xff1a; 代码如下&#xff1a; <!DOCTYPE html> <html> <head><meta charset"UTF-8"><title>draggable属性的应用</title> </head> <body> <h3>元素拖…

draggable 和 sortable的JS原生实现

概要 本文主要利用html 5的draggable原生特性&#xff0c;实现一个可拖拽的效果。我们可以创建包含多个页面节点的容器&#xff0c;每个容器可以包含多个节点。通过拖拽&#xff0c;可以移动一个容器内的节点到其他容器&#xff0c;每个容器内的节点和以通过拖拽改变排列顺序。…

vue3使用拖拽组件draggable.next的使用教程【保姆级】

环境&#xff1a;vue3setup语法 首先放官方文档的链接&#xff1a; 中文版本&#xff1a; https://www.itxst.com/vue-draggable-next/tutorial.html &#xff08;民间翻译&#xff09; 英文版本&#xff1a;https://github.com/SortableJS/vue.draggable.next 因为自己写的过程…

vue的拖拽插件: vue.draggable

中文文档地址: vue.draggable中文文档 - itxst.comVue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动&#xff0c;可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作&#xff0c;总之是一款非常优秀的…

react-draggable实现拖拽详解

react-draggable 属性常用属性属性列表 事件列表举例首先安装 react-draggable实现移动 希望小编写的能够帮助到你&#x1f618; 属性 常用属性 属性默认值介绍axisxhandle拖动的方向&#xff0c;可选值 x ,y,bothhandle无指定拖动handle的classposition无handle的位置&#…

draggable拖拽组件使用

项目开发中需要用到拖拽组件&#xff0c;因为前端技术框架是vue&#xff0c;这里就使用了vue的一款拖拽插件vue.draggable&#xff0c;一般基本的需求都能满足&#xff0c;这里使用了多个draggable嵌套&#xff0c;达到两级之前相互拖拽的功能。 以下是类似teambition的效果图…

原生JS的拖拽属性draggable(详解)

摘要 作为h5新增的属性draggable&#xff0c;它能够给与一切的html元素拖动的效果。而在这个属性之下&#xff0c;也有着关于拖动效果的各个方法。 而这一篇文章&#xff0c;主要就是说一下关于draggable属性的使用以及工作场景。 1.了解draggable属性的使用 对我来讲&#…

EasyUI基础入门之Draggable(拖拽)

前面学习了easyui基础的解析器,加载器。对于他们入门阶段我们只需简单的了解下即可&#xff0c;毕竟先阶段并不会太过深入。接下来根据easyui官网文档的顺序安排学习下Draggable插件。 Draggable是什么 Draggable是easyui中用于实现拖拽功能的一个插件。利用它&#xff0c;我们…