mirror of
https://github.com/atom/atom.git
synced 2026-04-06 03:02:13 -04:00
These are used by the collaboration package to represent participants in the current session.
63 lines
1.8 KiB
Plaintext
63 lines
1.8 KiB
Plaintext
// This file has fallback colors. It specifies the color variables all themes
|
|
// must implement.
|
|
|
|
// Colors should be chosen mostly for their utility in packages. We dont want
|
|
// people to have to think about what colors to use. The thinking is that they
|
|
// will be able to follow some guidelines, and generally get something that
|
|
// looks reasonable.
|
|
|
|
// Least subtle -> most subtle
|
|
@text-color-1: #333;
|
|
@text-color-2: #444;
|
|
@text-color-3: #555;
|
|
|
|
// For text on dark/colored background's
|
|
@text-alt-color-1: #fff;
|
|
@text-alt-color-2: #fff;
|
|
@text-alt-color-3: #fff;
|
|
|
|
// Least subtle -> most subtle
|
|
@text-color-subtle-1: #777;
|
|
@text-color-subtle-2: #999;
|
|
@text-color-subtle-3: #ccc;
|
|
|
|
// Main bg you should use, a darker alt, and a lighter alt
|
|
@background-color-1: #f4f4f4;
|
|
@background-color-2: #eee;
|
|
@background-color-3: #fff;
|
|
|
|
// Highlight color for background corresponding in index to background-color
|
|
@background-color-highlight-1: rgba(0, 0, 0, .2);
|
|
@background-color-highlight-2: rgba(0, 0, 0, .2);
|
|
@background-color-highlight-3: rgba(0, 0, 0, .2);
|
|
|
|
// Border color for background corresponding in index to background-color.
|
|
@border-color-1: #eee;
|
|
@border-color-2: #ccc;
|
|
@border-color-3: #f5f5f5;
|
|
|
|
// Bright color, darker then lighter.
|
|
// Info colors are generally blue
|
|
@accent-color-info-1: #0098ff;
|
|
@accent-color-info-2: #5293d8;
|
|
@accent-color-info-3: #66a6ff;
|
|
|
|
// Bright color, darker then lighter.
|
|
// Error colors are generally red/orange
|
|
@accent-color-error-1: #ff4800;
|
|
@accent-color-error-2: #f78a46;
|
|
@accent-color-error-3: #ffa275;
|
|
|
|
// Bright color, darker then lighter.
|
|
// Success colors are generally green
|
|
@accent-color-success-1: #1fe977;
|
|
@accent-color-success-2: #17ca65;
|
|
@accent-color-success-3: #58f79d;
|
|
|
|
// Distinct colors for site representations
|
|
@site-color-1: #f00;
|
|
@site-color-2: #0f0;
|
|
@site-color-3: #00f;
|
|
@site-color-4: #ff0;
|
|
@site-color-5: #f0f;
|