如何用adobe color themes怎么使用创建扁平化颜色

Myeclipse使用配色方案
Myeclipse使用配色方案
Development tools
去该网站下一个想要的配色方案:
http://eclipsecolorthemes.org/
点击某一种方案,下载一个EPF文件。
导入方法:
myeclipse-&File-&Import-&General-&Preferences
browse你下载的epf路径,直接finish就可以了。
----------------------------------------------------------
关于还原默认主题,网上下了很多所谓的default主题,但是都觉得有点怪。
还原方法1:
将&myeclipse的工作空间目录,也就是workspace,找到这个目录下“.metadata\.plugins\org.eclipse.core.runtime”,这里也有.setting文件夹,把里面文件全部删除,换成同事的默认的配色方案的.setting文件夹。
不想麻烦同事也可以自己双开一个MyEclipse,更换一下工作空间,新建一个工程,随便建一个类。在该workspace下找到上面所说的.setting文件夹,覆盖即可。记得重启MyEclipse。终于和以前一模一样了。
还原方法2:
如果你在workspace中没有什么重要的东西,可以切换workspace或者将整个workspace 下的.metadata删除,就可以恢复。
另外附一个扁平化的css方案,可以在Myeclipse中导入css使用:
flat theme
.jeeeyul-flat-theme{
* This selector rule is exist for detect flat Theme to find rewrite target.
* See &RewriteChormeCSS.java&
.MTrimmedWindow.topLevel {
margin-top: 3
margin-bottom: 2
margin-left: 2
margin-right: 2
.MPartStack {
font-size: 9;
font-family: 'Segoe UI';
swt-simple:
swt-tab-renderer:
url('bundleclass://net.jeeeyul.eclipse.themes/net.jeeeyul.eclipse.themes.rendering.ChromeTabRendering');
padding: 1px 6px 8px 6 /* top left bottom right */
swt-tab-outline: #97a5b3;
swt-outer-keyline-color: #97a5b3;
swt-unselected-tabs-color: #d2dfec #d2dfec #f0f0f0 99% 100%;
swt-shadow-visible:
swt-selected-tab-fill: #f0f0f0;
chrome-selected-tab-fill-highlight: #f0f0f0;
chrome-selected-tab-color: #000000;
chrome-unselected-tab-color: #000000;
swt-shadow-color: #000000;
chrome-shiney-shadow:
swt-mru-visible:
swt-corner-radius: 6 /* 这里我想设置为0,就是纯直角的,但是发现设置为0会有厅怪的问题,似乎最小就是6了*/
.MPartStack.active {
swt-inner-keyline-color: #FFFFFF;
swt-tab-outline: #5d6c7b;
swt-outer-keyline-color: #5d6c7b;
swt-unselected-tabs-color: #b3cce7 #b3cce7 #f0f0f0 99% 100%;
swt-selected-tab-fill: #f0f0f0;
chrome-selected-tab-fill-highlight: #f0f0f0;
chrome-selected-tab-color: #000000;
chrome-unselected-tab-color: #000000;
chrome-shiney-shadow:
.MPartStack.empty {
swt-unselected-tabs-color: # 99% 100%;
swt-tab-outline: #758390;
swt-outer-keyline-color: #758390;
.MTrimmedWindow {
margin-top: 2
margin-bottom: 2
margin-left: 2
margin-right: 2
background-color: #ccd9e7;
.MTrimBar {
background-color: #ccd9e7;
.MTrimBar#org-eclipse-ui-main-toolbar {
background-color: #ccd9e7 #ccd9e7;
CTabFolder.MArea .MPartStack,CTabFolder.MArea .MPartStack.active {
swt-shadow-visible:
CTabFolder Canvas {
background-color: #F8F8F8;
#org-eclipse-ui-editorss {
swt-tab-renderer: url('bundleclass://org.eclipse.e4.ui.workbench.renderers.swt/org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering');
swt-unselected-tabs-color: #F0F0F0 #F0F0F0 #F0F0F0 100% 100%;
swt-outer-keyline-color: #B4B4B4;
swt-inner-keyline-color: #F0F0F0;
swt-tab-outline: #F0F0F0;
color: #F0F0F0;
swt-tab-height: 8
padding: 0px 5px 7
#org-eclipse-ui-trim-status{
chrome-border-top-visible:
chrome-padding-top: 0;
background-color: #d3dee9;
.MToolControl.TrimStack {
handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
.MTrimBar .Draggable {
handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
.MTrimBar#org-eclipse-ui-main-toolbar .Draggable {
handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
.MTrimBar#org-eclipse-ui-main-toolbar .TrimStack {
handle-image: url(chrome://drag-handle?height=22&background-color=#ccd9e7&embossed=false);
.MTrimBar#org-eclipse-ui-trim-status .Draggable {
handle-image: url(chrome://drag-handle?height=22&background-color=#d3dee9&embossed=false);
.MTrimBar#org-eclipse-ui-trim-status .TrimStack {
handle-image: url(chrome://drag-handle?height=22&background-color=#d3dee9&embossed=false);
#org-eclipse-ui-main-toolbar #PerspectiveSwitcher {
eclipse-perspective-keyline-color: #ccd9e7;
background-color: #ccd9e7 #ccd9e7 100%;
handle-image:
chrome-show-perspective-name:
.MPart.Editor StyledText{
chrome-line-style:
chrome-line-color: #ff0000;
/* User CSS */
我的热门文章
即使是一小步也想与你分享Ubuntu下一款极好的扁平化主题:Flatabulous
这篇文章主要介绍如何安装一款名叫Flatabulous的扁平化主题。可能在其他平台上也可以运行,不过我仅在Ubuntu平台下做过测试。
为了安装这款主题,你必须首先安装Ubuntu tweak tool(译者注:一款管理软件,不过你也可以使用Unity Tweek Tool)。它可以通过命令行方便的安装:
sudo add-apt-repository ppa:tualatrix/ppa
sudo apt-get update
sudo apt-get install ubuntu-tweak
接下来,你可以在/anmoljagetia/Flatabulous/archive/master.zip下载到主题资源。如果你是一位开发者或者是设计者,我也鼓励你为它做出贡献。接下来,需要在你的主目录里新建一个叫做.theme的文件夹。可以打开终端快速创建,运行:
mkdir .themes
这是一个隐藏的目录,为了能够浏览它,可以按ctrl+H键。然后把下载的主题放到.themes文件夹下.另外,你也可以把主题文件放到/usr/share/themes/文件夹下。
扁平化图标
对于图标,我使用ultra-flat-icons这个主题。它包括蓝色(推荐),橙色和薄荷绿三种颜色。你可以通过以下命令来安装它:
sudo add-apt-repository ppa:noobslab/icons
sudo apt-get update
sudo apt-get install ultra-flat-icons
另外,你也可以使用sudo apt-get install ultra-flat-icons-orange或者sudo apt-get install ultra-flat-icons-green来安装其他两种颜色.
根据你的颜色偏好。我推荐了这款扁平化图标,不过你也可以看看Numix和Flattr。
现在进入你的Dash面板,找到Ubuntu Tweek然后启动它。找到主题选项,选择Flatabulous主题。找到图标选项,选择ultra-flat。接下来重启你的电脑,应该就可以了。你的电脑看起来将会是下面这样:
一些截屏展示
sublime test3中JavaScript代码
主屏的另一个预览
本文永久更新地址:
------分隔线----------------------------22782人阅读
ANDROID L(5)
转载请注明本文出自大苞米的博客(),谢谢支持!
Android L:
Google已经确认Android L就是Android Lollipop(5.0)。
Google之前就已经提前推出了Android L Developer Preview(开发者预览版)来帮助开发者更快的了解Android特性,而不久前也推出了64位的模拟器镜像,而且首次搭载Android L系统的Nexus 6和 Nexus 9也即将上市。
相信Android L正式版离我们也不远了,所以是时候开始学习Android L了!
关于Android L如何配置模拟器和创建项目,如果大家有兴趣的话可以看看我之前的一篇文章:
Material Design:
Material Design是Google推出的一个全新的设计语言,它的特点就是拟物扁平化。
Material Design包含了很多内容,我大致把它分为四部分:
主题和布局——
视图和阴影——
UI控件——
今天就先来说说第一部分——Material主题和布局
Material Theme
使用Material主题:
Material主题只能应用在Android L版本。
应用Material主题很简单,只需要修改res/values/styles.xml文件,使其继承android:Theme.Material。如下:
&!-- res/values/styles.xml --&
&resources&
  &!-- your app's theme inherits from the Material theme --&
  &style name=&AppTheme& parent=&android:Theme.Material&&
    &!-- theme customizations --&
  &/style&
&/resources&
或者在AndroidManifest.xml中直接设置主题:
android:theme=&@android:style/Theme.Material.Light&
自定义Material主题:
material主题可以定义为如下形式:
@android:style/Theme.Material&@android:style/Theme.Material.Light@android:style/Theme.Material.Light.DarkActionBar
对于其他主题风格可以参考API文档(android.R.style)
自定义颜色基调(color palette)
material可以根据自定的品牌风格,自定义主题的基础色调,如下(参考下方图片):
&resources&
&!-- inherit from the material theme --&
&style name=&AppTheme& parent=&android:Theme.Material&&
&!-- Main theme colors --&
your app's branding color (for the app bar) --&
&item name=&android:colorPrimary&&@color/primary&/item&
darker variant of colorPrimary (for status bar, contextual app bars) --&
&item name=&android:colorPrimaryDark&&@color/primary_dark&/item&
theme UI controls like checkboxes and text fields --&
&item name=&android:colorAccent&&@color/accent&/item&
&/resources&
自定义状态条和导航条:
material还允许你轻松的自定义状态条和导航条的颜色。
可以使用如下属性(参考下方图片):
android:statusBarColor,Window.setStatusBarColor
由于Material Theme只可以在Android L Developer Preview中使用。
所以在低版本使用的话就需要为其另设一套主题:
在老版本使用一套主题&res/values/styles.xml,在新版本使用Material主题res/values-v21/styles.xml.
Android L的一个重要的设计理念就是要在各种平台上创建一个统一的风格
在设计主题和布局之前,你首先要看一下&这篇文章(Google官方关于如何设计的文章)。
文章从Aniamation, Style, Layout, Components, Patterns, Usability, Resources等几方面非常详细的介绍了如何正确的设计界面。
Layout特点简述:
我个人简单理解(非常初级的理解)Android L的Material设计中Layout主要有以下几点:
Paper Craft(纸工艺):
在material的设计中,每一个应用程序所绘制的像素都像驻留在一张纸上。
纸具有平坦的背景颜色,并且可以调整大小,以满足各种用途。一个典型的布局是由多张纸组成。
Floating Actions
浮动操作,我也不知道翻译成什么比较贴切。
我个人理解它主要作用是一个承上启下的浮动按钮,承接了两个布局或者不同功能的转换
Android L中相对于之前X,Y轴又新增了Z轴的概念,有了Z轴可以做出更加具有立体感的控件。
如下图是一个根据按钮状态来调整Z轴的高度
通过对布局中每个视图设置不同的Z轴可以使布局更具立体感,并且可以突出重点。
为了适应Material Design的变化,所以Android L版本的布局并不能和老版本的通用。
我们可以使用不同文件目录,来设置两套布局分别对应Android L和低版本:
res/layout/,res/layout-v21/
我将Material Design分为如下四部分:
主题和布局——
视图和阴影——
UI控件——
本文的主题和布局都是比较偏向设计的,和代码关系不是特别大。所以这方面我不是特别熟悉,只是说了一下我个人的理解。
详细关于Material Design的主题和布局应该如何设计,请看我之前提过的文章(设计真的是一门技术/艺术,想做好实在太难了)。
剩余的视图和阴影,UI控件,动画就和我们编程人员息息相关了,我会陆续更新,敬请期待。。。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:429577次
积分:5075
积分:5075
排名:第4487名
原创:54篇
评论:653条
(1)(2)(3)(1)(1)(1)(1)(1)(4)(3)(1)(4)(2)(3)(6)(1)(4)(4)(4)(6)(2)

我要回帖

更多关于 eclipse color themes 的文章

 

随机推荐