精华内容
下载资源
问答
  • 第一步:去官网下载 对应PHPStorm版本的主题https://plugins.jetbrains.com/plugin/8006-material-theme-ui/versions 第二步:将其加压出来,并将lib文件夹下的所有jar包复制到你PHPStorm所在安装位置的lib包中,为...

    第一步:去官网下载 对应PHPStorm版本的主题 https://plugins.jetbrains.com/plugin/8006-material-theme-ui/versions

    第二步:将其加压出来,并将lib文件夹下的所有jar包复制到你PHPStorm所在安装位置的lib包中,为防止出错,可以先将原来的lib文件夹复制一份

    第三步:重启 PHPStorm,并根据系统提示设置自己喜欢的主题。

     

    设置成功后的样式:

    展开全文
  • 自定义CSS主要功能:平面UI字体更好的语法突出显示Shell块更好地突出显示 console output准备工作首先安装插件simple theme,安装主题并重新启动Jenkins。 转到Manage Jenkins–> Manage Plugins。单击ava...
    8364c8a17a7f22a091cb032f836be690.png

    如果您对旧的Jenkins UI,其字体和图标不满意,则可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改头换面。

    自定义CSS主要功能:

    1. 平面UI字体
    2. 更好的语法突出显示Shell块
    3. 更好地突出显示 console output

    准备工作

    首先安装插件simple theme,安装主题并重新启动Jenkins。 转到Manage Jenkins–> Manage Plugins。单击available选项卡并搜索simple theme插件。

    517866cbe7f1a7bdd1236c3f465d5432.png

    使用在线CSS样式

    http://afonsof.com/jenkins-material-theme/dist/material-teal.css

    系统设置 -> Theme,转到Manage Jenkins–> Configure并搜索Theme配置,然后在CSS字段中输入以下URL并保存。

    2ef6679cc39f5adaf39fae4555fe621c.png

    保存设置,此时Jenkins主题已经发生了变化。

    58a3987ed8bcd359673f93e524a27483.png

    本次CSS样式

    进入JENKINS_HOME/userContent目录,创建一个css文件。

    cd userContentmkdir layoutvim style.css

    在浏览器中访问以下URL,复制整个CSS内容,并将其粘贴到style.css文件中并保存。

    http://afonsof.com/jenkins-material-theme/dist/material-teal.css

    测试是否可以访问,正常的显示是这样的。

    7d5c18458c44001a09e13fcffe0eb759.png

    重新配置URL地址

    /userContent/layout/style.css
    4f21f2e8c2ef52d2517ea230f41e269c.png

    扩展自定义CSS样式:

    ad7e1234aa3a0b080e9c54593483d309.png
    e0f55aaf3a00b3ccabca3329b0c2620a.png
    展开全文
  • 作者丨胡笑语https://juejin.im/post/5dcce129518825108b495e54前言: 为什么会选这个话题...Android Theme 中遇到的那些事儿缘由我们都知道 Android 系统有很严重的碎片化问题,最明显的表象是手机系统升级大多数不...

    513cc3492849380e2bf8cf6aba5ca7f9.png作者丨胡笑语

    https://juejin.im/post/5dcce129518825108b495e54

    前言: 为什么会选这个话题

    由于项目老旧,项目里留存了很多古董玩意儿,既然看到了不爽的地方,身为程序员强烈的责任感,不得不进行改造,今天就来说说统一 Android Theme 中遇到的那些事儿

    缘由

    我们都知道 Android 系统有很严重的碎片化问题,最明显的表象是手机系统升级大多数不能超过两代,什么意思呢?简单说就是老机器买来是 5.0 系统,基本升不到 8.0 系统或更高。可能原因有很多,鄙人也不敢随便揣测,那么过程中呢,出现了各种 AppCompat suppor包, 这些包为开发 app 带来兼容体验,当然过程中可能发现兼容包有些不可控了,所以现在的主推的是 AndroidX,万剑归宗的感觉。那么Theme 跟这个碎片化有什么关系呢?Theme 也经过了几个版本的流行时代,普通 theme 的写法如下
    @android:style/Theme.xxx
    4.0 之后流行起了 Materail Design,  Android 系统中也默认自带了 theme
    @android:style/Theme.Material.xxx
    5.0后推出了 appcompat-v7 中的 theme
    @style/Theme.AppCompat.xxx
    项目中使用的是最普通的 theme,不支持沉浸式,不支持继承自 AppCompatActivity,也会影响部分系统的导航键层级(实测 MUI系统中使用普通 theme 导航键永远处于 window 的最上层)
    步骤一:引用整体替换
    把 styles.xml 中 parent  引用自 @android:style/Theme.xxx 全部替换为@style/Theme.AppCompat.xxx这里可以使用as的 ctrl + R 进行快捷全局替换
    步骤二:添加MD支持的属性
    在base theme中添加如下属性:
    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
      <item name="android:windowNoTitle">trueitem>
      <item name="colorPrimary">#ffffffitem>
      <item name="colorPrimaryDark">#ffffffitem>
      <item name="android:statusBarColor">#ffffffitem>
      <item name="android:windowLightStatusBar">trueitem>
      <item name="android:buttonStyle">@android:style/Widget.Buttonitem>style>
    因为 app 中页面头部皆为白色,所以把状态栏属性改为白色顺手做了下冷启动的 theme, 设置在 SplashActivity 上
    <style name="SplashTheme" parent="AppBaseTheme">
      <item name="android:windowBackground">@drawable/splash_bgitem>
      <item name="android:windowLightStatusBar">falseitem>
      <item name="android:windowDrawsSystemBarBackgrounds">falseitem>style>
    drawable/splash_bg.xml文件:
    <?xml  version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item>        <color android:color="@android:color/white" />    item>        <itemandroid:bottom="@dimen/hj_dp_45"android:gravity="bottom">        <bitmapandroid:gravity="bottom|center_horizontal"android:src="@drawable/splash_logo" />    item>layer-list>
    问题出现与解决
    如果不出意外的话,as 已经开始报红色波浪线了,因为styles.xml 中某些属性会有系统兼容的问题,这时候用文件夹兼容方式解决
    • 在 res 下创建文件夹values-v21 及 values-v23
    • -v21 就代表5.0系统会使用该文件夹下的 values 配置
    • -v23 代表6.0系统会使用文件夹下的 values 配置
    • 综上配置,Android 系统会在5.0以下系统选择 values 配置,5.0 - 5.1 选择 values-v21 配置, 6.0+ 会选择values-v23配置
    当然这些操作可以用as 中解决问题快捷键 alt + enter 来自动创建对应的样式这样做了以后,还会出现 5.0系统状态栏白底色把文字颜色混合,导致看不到文字,直接改成黑色:
    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
      <item name="android:windowNoTitle">trueitem>
      <item name="colorPrimary">#ffffffitem>
      <item name="colorPrimaryDark">#ffffffitem>
      <item name="android:statusBarColor">#000000item>
      <item name="android:buttonStyle">@android:style/Widget.Buttonitem>style>

    后话

    对 Theme 的折腾至此告一段落了, 当然如果你的项目中对于每个界面还需要特别细分,比如说状态栏颜色,沉浸式要求。那么我推荐你一款开源的工具https://github.com/laobie/StatusBarUtil应该可以满足大部分开发者的要求最后谢谢老铁的阅读

    513cc3492849380e2bf8cf6aba5ca7f9.png

    展开全文
  • 亲爱的小伙伴们,今天我们《FIFA足球世界》换“新衣服啦”,在下午进行的TGA比赛中,大家都已经用起了全新的界面,UI升级、数据更新,更激情畅快的绿茵对决为你而来!UI升级 新界面闪亮登场主界面UI升级是这次重磅...

    0e4c7348-cd1f-eb11-8da9-e4434bdf6706.gif

    亲爱的小伙伴们,今天我们FIFA足球世界》“新衣服啦”,在下午进行的TGA比赛中,大家都已经用起了全新的界面,UI升级、数据更新更激情畅快的绿茵对决为你而来!

    184c7348-cd1f-eb11-8da9-e4434bdf6706.png

    UI升级   新界面闪亮登场

    主界面UI升级是这次重磅更新的另一个亮点游戏对UI界面进行了大范围的调整之前陪伴了玩家一年多时间的旧版主界面将彻底与大家说再见!

    1c4c7348-cd1f-eb11-8da9-e4434bdf6706.png

    (更新前主界面)

    全新界面无论观赏性还是实用性都大大提升。全新的排版、更人性化的设计带来颠覆视觉的游戏内界面和简洁便利的操作体验,每次切换界面后可以看到不同的球员背景画面,加上游戏背景音乐的一同更新,动感激情的旋律配合酷炫的界面为您打造视觉与听觉的盛宴!

    244c7348-cd1f-eb11-8da9-e4434bdf6706.png

    (更新后主界面)

    背景多样   界面切换球星百变

    玩家进入游戏后,切换不同的界面,其背景也会随之改变,同样背景球星的动作甚至是人物也会变化。玩家在主界面除了能看到球队的总OVR以及化学反应数值之外,还能更直观的看到球队首发11人的总身价。

    324c7348-cd1f-eb11-8da9-e4434bdf6706.png

    3b4c7348-cd1f-eb11-8da9-e4434bdf6706.png

    除了主界面外,登录奖励、商城以及我的球队等都变得更为直观便利却不美感,特别是界面球队,仿佛让你置身于真实绿茵场,在现实球场调兵遣将。

    454c7348-cd1f-eb11-8da9-e4434bdf6706.png

    4b4c7348-cd1f-eb11-8da9-e4434bdf6706.png

    584c7348-cd1f-eb11-8da9-e4434bdf6706.png

    新手引导   “扎球王”亲自上阵

    在全新升级的新手引导中,我们的代言人之一阿扎尔亲自上阵,给各位玩家指导游戏操作,助您最快上手。

    594c7348-cd1f-eb11-8da9-e4434bdf6706.png

    数据更新   球员卡全面升级

    作为一款足球手游,能将游戏与现实结合,提升玩家的代入感以及游戏的真实性,为广大玩家营造浓厚的足球氛围是非常重要的在这方面《FIFA足球世界》会根据球员在每个赛季的现实表现以及所获荣誉进行球员数据的调整。包括球员的转会退役、潜力新星的一鸣惊人以及老球员的不复当年之勇等等都是球员卡调整的因素

    a5826b4e-cd1f-eb11-8da9-e4434bdf6706.png

    (旧版球员卡)

    FIFA足球世界》本次的球员卡数据更新在球员位置、各详细及总能力值、球员天赋、球员归属和外观卡面等各方面细节都进行了升级和优化,全新19-20赛季的球员卡无论总外观还是实力上都更时尚动感更符合现实情况。

    ad826b4e-cd1f-eb11-8da9-e4434bdf6706.png

    (新版球员卡)

    FIFA足球世界》在即将告别2019的时刻将以全新的面貌为大家带来丰富好玩的游戏体验,关于本次更新更多的细节变化就等各位玩家自己去游戏中体验啦!更多详情敬请留意公众号后续报道。

    b6826b4e-cd1f-eb11-8da9-e4434bdf6706.gif

    关注标星:

    微信更新版面的小伙伴,可以按照下方操作设置星标关注,就能更快看到、找到娜姐的消息咯!

    bf826b4e-cd1f-eb11-8da9-e4434bdf6706.gif

    公众号更多精彩内容

    如果你想了解游戏玩法攻略,点击公众号菜单栏球迷阵地中的精品攻略【妖人推荐】,娜姐手把手教你玩转FIFA足球世界。

    更多游戏资讯了解及CDKEY兑换,点击公众号菜单栏FIFA世界中的官方网站CDKEY兑换,游戏第一手资讯尽在掌握。

    c4826b4e-cd1f-eb11-8da9-e4434bdf6706.jpeg

    点击下方“”,立即体验游戏 领取丰厚福利
    展开全文
  • IDEA更改主题插件——Material Theme UI详解

    万次阅读 多人点赞 2019-11-06 08:36:18
    IDEA更改主题插件——Material Theme UI 今天介绍IDEA中一款强大的颜值插件:Material Theme UI 话不多说,先上图:(颜色不喜欢可以更改) 一、安装 在File>Settings>Plugins中直接搜索插件,找到之后下载...
  • Pycharm 主题设置推荐Material Theme UI以及编辑环境配置(字体大小和颜色) 设置主题: File -> Settings -> Plugins插件,搜索Material Theme UI 安装。 安装后重启pycharm设置自己喜欢的首选主题。 ...
  • 所谓工欲善其事,必先利其器。在我们日常开发中,编辑器的主题风格真的很影响我们编码的... Plugins,搜索:Material Theme UI 并安装。 字体:File -&amp;amp;amp;gt; Settings -&amp;amp;amp;gt; Editor -&a
  • IDEA安装Material Theme UI

    2020-05-22 02:08:47
    由于公司内网原因,无法直接idea里面插件install,所以在官网先下载: ... 下载后解压到JetBrains\IntelliJ IDEA 2020.1.1\...然后重启后在appearance中设置喜欢的风格,调整字体大小至适合自己的即可。 最后效果: ...
  • Material Theme UI是一个效果类似VS code的主题效果,但是我在webstorm里面下载应用后,跟着提示改修改了几个步骤的效果,最后展现出来的主题效果始终不喜欢,还是喜欢Webstorm默认的黑色主题,于是在设置里面切换...
  • Material Theme UI是JetBrains IDE(IntelliJ IDEA,WebStorm,Android Studio等)的插件,可将原始外观更改为Material Design外观。 编辑器的初始颜色是白色,一直看的话,眼睛容易疲劳,还伤害眼睛,编辑器的颜色...
  • #一、原生UI主题的字体大小设置: 1、File–>Setting 2、Editor–>Front–>Size !](https://img-blog.csdnimg.cn/20210331202308847.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_...
  • 如果您对旧的Jenkins UI,其...自定义CSS主要功能:平面UI字体更好的语法突出显示Shell块更好地突出显示 console output准备工作首先安装插件simple theme,安装主题并重新启动Jenkins。转到Manage Jenkins–> M...
  • 原始的IDEA只有自带的黑白两种UI界面,于是乎就有了很多UI插件出现,其中Material Theme是其中的佼佼者,但是在使用过程中却出现了这样的现象,如下图: 上图中醒目的红线中的文件名大写了,我一直认为这里的大写是...
  • 这是Chrome DevTools著名的Material Theme(https://www.material-theme.com)的移植。 它将Chrome DevTools面板完全重新设计为“材质主题颜色”。 就像它的灵感一样,它还提供了在眨眼之间即可切换到其他主题的选项...
  • 语言:English 这是一个受Material Theme启发的主题,用于升华文字,将Material ...底部,等待浏览器重新启动现在,打开devtools转到设置(齿轮图标)>实验,单击允许自定义ui主题重新加载devtools,以使主题完全应用
  • 1、打开设置选项 2、找到Plugins下的Marketplace 3、搜索material-theme-ui 4、下载完毕重启软件
  • MaterialDesign是google在Android(Lollipop/5.0)中推出的新的设计语言,谷歌希望由此来统一各种平台上的用户体验,...在项目中使用MaterialDesignTheme:设置应用的targetSdkVersion为21,在style.xml中自定义theme继承
  • 这是一个主题灵感来源于Material Theme的崇高文字,它将Material Design视觉语言带到了您的Chrome Devtools。这个主题增加了一些功能,如智能高亮,除了使Devtools界面更漂亮。 安装指南: 在设置>扩展中安装并启用...
  • 这些都是一些属性,属性对应颜色值 , 把style设置给application之后,系统会根据你设置的颜色值来 进行修改程序UI风格 android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label=
  • 1、Background Image Plus 设置背景图 2、安装插件建议一个个安装,安装多了容易不方便设置 3、Translation 自带翻译 ...4、Material Theme UI 设置主题 5、Code Glance 定位代码块 6、Key Promoter X 学习快捷键
  • 配置目录安装插件设置主题实现效果 安装插件 1、Goland —>...输入 Material ,就会弹出 Material Theme UI 设置主题 Goland —> File —> Editor —> Color Scheme —> General 实现效果 ...
  • 为了打造一个优雅和舒适的界面,我们安装一件叫Material Theme UI的插件。​安装步骤1.打开设置窗口,选择插件;​​2.单击窗口下方的浏览存储库,然后搜索Material Theme UI;​3.单击安装该插件​4.点击确定,重启...
  • IDEA常用的风格设置

    万次阅读 2018-04-16 18:19:43
    1、把Idea的风格设置material风格语言描述:为你的IDE安装Material主题打开设置在做面板中选择Plugins点击Browse repositories,搜索Material Theme UI点击Install plugin并且下载重启IDE选择颜色主题这个主题有三...
  • 本次开发之前,我对网络选择按钮中各网络的按钮颜色实现进行了修改,摒弃了自定义Theme这个方法,改成了直接给图标设置颜色。这里作一下说明,具体代码不再列出。另外,前几次开发中提到的Provider 在上一次开发中,...
  • 一、主题下载地址 插件下载地址 搜索Material Theme UI 通过ide插件下载 二、主题设置 主题选择为 字体设置 细节设置 标签宽度 成品展示
  • PhpStorm的基本设置

    2019-02-12 11:31:42
    安装插件 Material Theme UI ,安装后重起phpstorm Tools -&gt; Material Theme 中选择喜欢的样式就可以了 快捷键 全屏幕快捷键 1.’ Keymap&gt;Main menu&gt;View&gt;Toggle Distraction Free ...
  • 所谓工欲善其事,必先利其器 ; 在我们日常开发中,长时间编码从眼睛上心里承受压力上有个好的视觉感觉是很加分的 以下是我个人十分... Plugins,搜索Material Theme UI 并安装,安装之后进行restart02字体:File ...
  • pycharm设置主题

    2019-11-18 10:24:50
    Plugins,搜索Material Theme UI 并安装。 2.字体: Settings -> Editor -> Font, Font: Source Code Pro,Size: 16, line-spacing: 1.0,apply,保存。 3.字体颜色: Settings -> Editor ->...
  • Android Studio 主题设置

    2019-01-14 14:25:43
    1、logcat设置: file - settings - 输入android logcat,然后设置不同log等级的foreground,为对应的颜色值即可 verbose: #BBB debug:#33B5E5 ...2、Material Theme UI file - settings - plugi...
  • 最近,Material Design中新增了关于暗色主题的设计规范:暗色主题(Dark theme)是指在UI界面中使用大面积的深色来构成界面的一种设计,它是产品默认主题的一种补充。很多朋友可能认为暗色主题就是现在新闻客户端的...

空空如也

空空如也

1 2 3 4
收藏数 73
精华内容 29
热门标签
关键字:

materialthemeui设置