帮酷LOGO
  • 显示原文与译文双语对照的内容
How-to guide for making your Atom editor transparent

  • 源代码名称:atom-transparency
  • 源代码网址:http://www.github.com/transcranial/atom-transparency
  • atom-transparency源代码文档
  • atom-transparency源代码下载
  • Git URL:
    git://www.github.com/transcranial/atom-transparency.git
  • Git Clone代码到本地:
    git clone http://www.github.com/transcranial/atom-transparency
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/transcranial/atom-transparency
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • 如何实现 Atom 编辑器透明度

    在 Atom 中,没有简单的配置( 但是) 可以以设置窗口或者 background 透明度,如你在iTerm或者TextMate中。 这里是一个简单的指南,关于如何实现透明窗口超级棒。

    这已经在 macOS 和 Ubuntu 14.04桌面上进行了测试,版本是到 1.11,。

    Atom 必须由 2个附加代码行生成源代码。 这使得 Atom 作为一个无框架窗口运行,允许在电子内部启用透明。 在克隆或者分支之后,将以下内容添加到 options 中:

    frame:falsetransparent:true

    src/browser/atom-window.coffee ( pre- v1.9 ) 或者 src/main-process/atom-window.coffee 在版本 1.9 + 中

    更改这里选项:

    options=show:falsetitle:'Atom'backgroundColor:"#fff"...

    对此:

    options=frame:falsetransparent:trueshow:falsetitle:'Atom'#backgroundColor:"#fff"...

    注释 backgroundColor 已经被注释掉。

    然后运行:

    ./script/clean &&./script/build

    如有必要,请参阅官方构建指南( ) 。 你可能想构建一个debian软件包,例如。

    这可能需要一段时间,但一旦完成,启动 Atom 。

    在linux上收费,在启动时增加一个额外的--enable-transparent-visuals 标志。

    +,必须用附加的--disable-gpu 标志启动。 否则,就会有很多用户界面闪烁。

    打开编辑器 LESS 样式表( ⌘-shift-p 或者 ctrl-shift-p,然后 Application: Open Your Stylesheet ),并添加以下 CSS 。 这是一个基本指南- 你可以尝试自己的设置来获得想要的效果。 例如为了避免在自动完成弹出窗口中出现text-on-text冲突,我将 atom-overlay> * 设置为接近完全的不透明度。

    html, html* {
     background: rgba(0, 0, 0, 0) !important;
    }atom-pane, atom-panel, atom-notification {
     background: rgba(0, 0, 0, 0.5) !important;
    }atom-overlay>* {
     background: rgba(0, 0, 0, 0.9) !important;
    }atom-text-editor::shadow {
    . cursor-line {
     background-color: rgba(0, 0, 0, 0.2) !important;
     }
     .selection.region {
     background-color: rgba(0, 0, 0, 0.2) !important;
     }
     .gutter {
     background-color: rgba(0, 0, 0, 0) !important;
     }
    }

    在 CSS above 中,这适用于 pre v1.9:

    html* {
     background: rgba(0, 0, 0, 0) !important;
    }

    但是对于 v1.9 +,这必须是:

    html, html* {
     background: rgba(0, 0, 0, 0) !important;
    }

    那是 it--pretty !




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语