alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update various broken variables

Browse Source
This commit is contained in:
Darren Burns
2022-09-13 13:46:01 +01:00
parent fc414a0b10
commit 751b451309
5 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/examples/basic.css
View File

@@ -15,10 +15,10 @@
App > Screen { App > Screen {
background: $surface; background: $surface;
color: $text-surface; color: $text;
layers: base sidebar; layers: base sidebar;
color: $text-background; color: $text;
background: $background; background: $background;
layout: vertical; layout: vertical;
@@ -53,7 +53,7 @@ DataTable {
} }
#sidebar { #sidebar {
color: $text-panel; color: $text;
background: $panel; background: $panel;
dock: left; dock: left;
width: 30; width: 30;
@@ -71,7 +71,7 @@ DataTable {
#sidebar .title { #sidebar .title {
height: 1; height: 1;
background: $primary-background-darken-1; background: $primary-background-darken-1;
color: $text-primary-background-darken-1; color: $text-muted;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
@@ -79,14 +79,14 @@ DataTable {
#sidebar .user { #sidebar .user {
height: 8; height: 8;
background: $panel-darken-1; background: $panel-darken-1;
color: $text-panel-darken-1; color: $text-muted;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
#sidebar .content { #sidebar .content {
background: $panel-darken-2; background: $panel-darken-2;
color: $text-surface; color: $text;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
@@ -100,7 +100,7 @@ Tweet {
margin: 0 2; margin: 0 2;
background: $panel; background: $panel;
color: $text-panel; color: $text;
layout: vertical; layout: vertical;
/* border: outer $primary; */ /* border: outer $primary; */
padding: 1; padding: 1;
@@ -130,13 +130,13 @@ Tweet {
TweetHeader { TweetHeader {
height:1; height:1;
background: $accent; background: $accent;
color: $text-accent color: $text
} }
TweetBody { TweetBody {
width: 100%; width: 100%;
background: $panel; background: $panel;
color: $text-panel; color: $text;
height: auto; height: auto;
padding: 0 1 0 0; padding: 0 1 0 0;
} }
@@ -147,7 +147,7 @@ Tweet.scroll-horizontal TweetBody {
.button { .button {
background: $accent; background: $accent;
color: $text-accent; color: $text;
width:20; width:20;
height: 3; height: 3;
/* border-top: hidden $accent-darken-3; */ /* border-top: hidden $accent-darken-3; */
@@ -163,7 +163,7 @@ Tweet.scroll-horizontal TweetBody {
.button:hover { .button:hover {
background: $accent-lighten-1; background: $accent-lighten-1;
color: $text-accent-lighten-1; color: $text-disabled;
width: 20; width: 20;
height: 3; height: 3;
border: tall $accent-darken-1; border: tall $accent-darken-1;
@@ -175,7 +175,7 @@ Tweet.scroll-horizontal TweetBody {
} }
#footer { #footer {
color: $text-accent; color: $text;
background: $accent; background: $accent;
height: 1; height: 1;
@@ -198,7 +198,7 @@ OptionItem {
OptionItem:hover { OptionItem:hover {
height: 3; height: 3;
color: $text-primary; color: $text;
background: $primary-darken-1; background: $primary-darken-1;
/* border-top: hkey $accent2-darken-3; /* border-top: hkey $accent2-darken-3;
border-bottom: hkey $accent2-darken-3; */ border-bottom: hkey $accent2-darken-3; */
@@ -210,7 +210,7 @@ Error {
width: 100%; width: 100%;
height:3; height:3;
background: $error; background: $error;
color: $text-error; color: $text;
border-top: tall $error-darken-2; border-top: tall $error-darken-2;
border-bottom: tall $error-darken-2; border-bottom: tall $error-darken-2;
@@ -223,7 +223,7 @@ Warning {
width: 100%; width: 100%;
height:3; height:3;
background: $warning; background: $warning;
color: $text-warning-fade-1; color: $text-muted;
border-top: tall $warning-darken-2; border-top: tall $warning-darken-2;
border-bottom: tall $warning-darken-2; border-bottom: tall $warning-darken-2;
@@ -237,7 +237,7 @@ Success {
height:auto; height:auto;
box-sizing: border-box; box-sizing: border-box;
background: $success; background: $success;
color: $text-success-fade-1; color: $text-muted;
border-top: hkey $success-darken-2; border-top: hkey $success-darken-2;
border-bottom: hkey $success-darken-2; border-bottom: hkey $success-darken-2;

2
docs/examples/tutorial/stopwatch.css
View File

@@ -33,7 +33,7 @@ Button {
.started { .started {
text-style: bold; text-style: bold;
background: $success; background: $success;
color: $text-success; color: $text;
} }
.started TimeDisplay { .started TimeDisplay {

2
docs/examples/tutorial/stopwatch04.css
View File

@@ -33,7 +33,7 @@ Button {
.started { .started {
text-style: bold; text-style: bold;
background: $success; background: $success;
color: $text-success; color: $text;
} }
.started TimeDisplay { .started TimeDisplay {

32
sandbox/darren/basic.css
View File

@@ -15,10 +15,10 @@
App > Screen { App > Screen {
background: $surface; background: $surface;
color: $text-surface; color: $text;
layers: base sidebar; layers: base sidebar;
color: $text-background; color: $text;
background: $background; background: $background;
layout: vertical; layout: vertical;
@@ -53,7 +53,7 @@ DataTable {
} }
#sidebar { #sidebar {
color: $text-panel; color: $text;
background: $panel; background: $panel;
dock: left; dock: left;
width: 30; width: 30;
@@ -70,7 +70,7 @@ DataTable {
#sidebar .title { #sidebar .title {
height: 1; height: 1;
background: $primary-background-darken-1; background: $primary-background-darken-1;
color: $text-primary-background-darken-1; color: $text-muted;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
@@ -78,14 +78,14 @@ DataTable {
#sidebar .user { #sidebar .user {
height: 8; height: 8;
background: $panel-darken-1; background: $panel-darken-1;
color: $text-panel-darken-1; color: $text-muted;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
#sidebar .content { #sidebar .content {
background: $panel-darken-2; background: $panel-darken-2;
color: $text-surface; color: $text;
border-right: wide $background; border-right: wide $background;
content-align: center middle; content-align: center middle;
} }
@@ -99,7 +99,7 @@ Tweet {
background: $panel; background: $panel;
color: $text-panel; color: $text;
layout: vertical; layout: vertical;
/* border: outer $primary; */ /* border: outer $primary; */
padding: 1; padding: 1;
@@ -129,13 +129,13 @@ Tweet {
TweetHeader { TweetHeader {
height:1; height:1;
background: $accent; background: $accent;
color: $text-accent color: $text
} }
TweetBody { TweetBody {
width: 100%; width: 100%;
background: $panel; background: $panel;
color: $text-panel; color: $text;
height: auto; height: auto;
padding: 0 1 0 0; padding: 0 1 0 0;
} }
@@ -146,7 +146,7 @@ Tweet.scroll-horizontal TweetBody {
.button { .button {
background: $accent; background: $accent;
color: $text-accent; color: $text;
width:20; width:20;
height: 3; height: 3;
/* border-top: hidden $accent-darken-3; */ /* border-top: hidden $accent-darken-3; */
@@ -162,7 +162,7 @@ Tweet.scroll-horizontal TweetBody {
.button:hover { .button:hover {
background: $accent-lighten-1; background: $accent-lighten-1;
color: $text-accent-lighten-1; color: $text-disabled;
width: 20; width: 20;
height: 3; height: 3;
border: tall $accent-darken-1; border: tall $accent-darken-1;
@@ -174,7 +174,7 @@ Tweet.scroll-horizontal TweetBody {
} }
#footer { #footer {
color: $text-accent; color: $text;
background: $accent; background: $accent;
height: 1; height: 1;
@@ -197,7 +197,7 @@ OptionItem {
OptionItem:hover { OptionItem:hover {
height: 3; height: 3;
color: $text-primary; color: $text;
background: $primary-darken-1; background: $primary-darken-1;
/* border-top: hkey $accent2-darken-3; /* border-top: hkey $accent2-darken-3;
border-bottom: hkey $accent2-darken-3; */ border-bottom: hkey $accent2-darken-3; */
@@ -209,7 +209,7 @@ Error {
width: 100%; width: 100%;
height:3; height:3;
background: $error; background: $error;
color: $text-error; color: $text;
border-top: tall $error-darken-2; border-top: tall $error-darken-2;
border-bottom: tall $error-darken-2; border-bottom: tall $error-darken-2;
@@ -222,7 +222,7 @@ Warning {
width: 100%; width: 100%;
height:3; height:3;
background: $warning; background: $warning;
color: $text-warning-fade-1; color: $text-muted;
border-top: tall $warning-darken-2; border-top: tall $warning-darken-2;
border-bottom: tall $warning-darken-2; border-bottom: tall $warning-darken-2;
@@ -236,7 +236,7 @@ Success {
height:auto; height:auto;
box-sizing: border-box; box-sizing: border-box;
background: $success; background: $success;
color: $text-success-fade-1; color: $text-muted;
border-top: hkey $success-darken-2; border-top: hkey $success-darken-2;
border-bottom: hkey $success-darken-2; border-bottom: hkey $success-darken-2;

2
src/textual/widgets/_welcome.py
View File

@@ -37,7 +37,7 @@ class Welcome(Static):
Welcome Container { Welcome Container {
padding: 1; padding: 1;
background: $panel; background: $panel;
color: $text-panel; color: $text;
} }
Welcome #text { Welcome #text {