mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Resolved conflicts in Your First Extension, Styling, and Color Reference after rebasing from master (#1379)
Signed-off-by: Paul Williams <pawilliams@mirantis.com>
This commit is contained in:
1 parent
f98d11a0be
commit
656797abc7
13 files changed
+90
-95
No files matched your search
@@ -1,4 +1,4 @@
|
||||
# Styling an extension
|
||||
# Styling an Extension
|
||||
|
||||
Lens provides a set of global styles and UI components that can be used by any extension to preserve the look and feel of the application.
|
||||
|
||||
@@ -101,7 +101,7 @@ They can be used in form of `var(--magenta)`, e.g.
|
||||
|
||||
A complete list of all themable colors can be found in the [color reference](../color-reference).
|
||||
|
||||
### Theme switching
|
||||
### Theme Switching
|
||||
|
||||
When the light theme is active, the `<body>` element gets a "theme-light" class, `<body class="theme-light">`. If the class isn't there, assume the theme is dark. The active theme can be changed in the `Preferences` page:
|
||||

|
||||
@@ -135,7 +135,7 @@ Currently, there is no prescribed way of detecting changes to the theme in JavaS
|
||||
...
|
||||
```
|
||||
|
||||
## Injected styles
|
||||
## Injected Styles
|
||||
|
||||
Every extension is affected by list of default global styles defined in [app.scss](https://github.com/lensapp/lens/blob/master/src/renderer/components/app.scss). These are basic browser resets and element styles like setting the `box-sizing` property for every element, default text and background colors, default font sizes, basic heading formatting, etc.
|
||||
|
||||
|
||||
Reference in new issue
Block a user