[Atom] 選択範囲をVisual Studio Codeっぽくする方法

Visual Studio Code は選択範囲が角丸になっている。

角丸を設定する

styles.less を修正する。
.selection .regionborder-radiusを設定する。

atom-text-editor::shadow {
    .highlights {
        .selection .region {
            border-radius: 2px;
        }
    }
}

余談だが、私は選択範囲には以下の様な設定をしている。

atom-text-editor::shadow {
    .gutter .cursor-line {
        background-color: fade(gray, 16%);
    }
    .highlights {
        .selection .region {
            background: fade(gray, 32%);
            border-radius: 2px;
        }
        .find-result .region {
            border: 1px solid fade(gray, 80%);
        }
    }
}
twitterfacebookhatenafacebook