:lipstick: Add themer-things, to be customized later

1 files changed, 31 insertions, 0 deletions

diff --git a/themer/gen/themer-atom-ui/themer-dark-ui/styles/text.less b/themer/gen/themer-atom-ui/themer-dark-ui/styles/text.less
new file mode 100644
index 0000000..b1baaf2
--- /dev/null
+++ b/themer/gen/themer-atom-ui/themer-dark-ui/styles/text.less
@@ -0,0 +1,31 @@
+
+.text-smaller {
+  font-size: smaller;
+}
+
+.text-subtle    { color: @text-color-subtle; }
+.text-highlight { color: @text-color-highlight; }
+
+.text-info    { color: @text-color-info; }
+.text-success { color: @text-color-success; }
+.text-warning { color: @text-color-warning; }
+.text-error   { color: @text-color-error; }
+
+.highlight         { .highlight-mixin(@background-color-highlight, @text-color-highlight); }
+.highlight-info    { .highlight-mixin(@background-color-info); }
+.highlight-warning { .highlight-mixin(@background-color-warning); }
+.highlight-error   { .highlight-mixin(@background-color-error); }
+.highlight-success { .highlight-mixin(@background-color-success); }
+
+.highlight-mixin(@bg, @fg: @app-background-color) {
+  font-weight: normal;
+  padding: 1px 4px;
+  color: @fg;
+  border-radius: @component-border-radius;
+  background-color: @bg;
+}
+
+.background-message {
+  font-weight: bold;
+  color: @text-color-subtle;
+}