mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
improved color harmony
This commit is contained in:
@@ -2,9 +2,9 @@
|
||||
|
||||
|
||||
|
||||
* {
|
||||
* {
|
||||
transition: color 300ms linear, background 300ms linear;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
*:hover {
|
||||
@@ -29,8 +29,8 @@ DataTable {
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
color: $text-primary;
|
||||
background: $primary-background;
|
||||
color: $text-panel;
|
||||
background: $panel;
|
||||
dock: side;
|
||||
width: 30;
|
||||
offset-x: -100%;
|
||||
@@ -43,33 +43,35 @@ DataTable {
|
||||
}
|
||||
|
||||
#sidebar .title {
|
||||
height: 3;
|
||||
background: $primary-background-darken-2;
|
||||
color: $text-primary-darken-2 ;
|
||||
border-right: outer $primary-darken-3;
|
||||
height: 1;
|
||||
background: $primary-background-darken-1;
|
||||
color: $text-primary-background-darken-1;
|
||||
border-right: wide $background;
|
||||
content-align: center middle;
|
||||
}
|
||||
|
||||
#sidebar .user {
|
||||
height: 8;
|
||||
background: $primary-background-darken-1;
|
||||
color: $text-primary-darken-1;
|
||||
border-right: outer $primary-background-darken-3;
|
||||
background: $panel-darken-1;
|
||||
color: $text-panel-darken-1;
|
||||
border-right: wide $background;
|
||||
content-align: center middle;
|
||||
}
|
||||
|
||||
#sidebar .content {
|
||||
background: $primary-background;
|
||||
color: $text-primary-background;
|
||||
border-right: outer $primary-background-darken-3;
|
||||
background: $surface;
|
||||
color: $text-surface;
|
||||
border-right: wide $background;
|
||||
content-align: center middle;
|
||||
}
|
||||
|
||||
#header {
|
||||
color: $text-secondary-background-darken-1;
|
||||
background: $secondary-background-darken-1;
|
||||
height: 3;
|
||||
color: $text-secondary-background;
|
||||
background: $secondary-background;
|
||||
height: 1;
|
||||
content-align: center middle;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#content {
|
||||
@@ -90,7 +92,7 @@ Tweet {
|
||||
layout: vertical;
|
||||
/* border: outer $primary; */
|
||||
padding: 1;
|
||||
border: wide $panel-darken-2;
|
||||
border: wide $panel;
|
||||
overflow: auto;
|
||||
/* scrollbar-gutter: stable; */
|
||||
align-horizontal: center;
|
||||
@@ -175,16 +177,16 @@ Tweet.scroll-horizontal TweetBody {
|
||||
|
||||
OptionItem {
|
||||
height: 3;
|
||||
background: $primary-background;
|
||||
border-right: outer $primary-background-darken-2;
|
||||
background: $panel;
|
||||
border-right: wide $background;
|
||||
border-left: blank;
|
||||
content-align: center middle;
|
||||
}
|
||||
|
||||
OptionItem:hover {
|
||||
height: 3;
|
||||
color: $secondary;
|
||||
background: $primary-background-darken-1;
|
||||
color: $text-primary;
|
||||
background: $primary-darken-1;
|
||||
/* border-top: hkey $accent2-darken-3;
|
||||
border-bottom: hkey $accent2-darken-3; */
|
||||
text-style: bold;
|
||||
@@ -196,8 +198,8 @@ Error {
|
||||
height:3;
|
||||
background: $error;
|
||||
color: $text-error;
|
||||
border-top: wide $error-darken-1;
|
||||
border-bottom: wide $error-darken-1;
|
||||
border-top: tall $error-darken-1;
|
||||
border-bottom: tall $error-darken-1;
|
||||
|
||||
padding: 0;
|
||||
text-style: bold;
|
||||
@@ -209,8 +211,8 @@ Warning {
|
||||
height:3;
|
||||
background: $warning;
|
||||
color: $text-warning-fade-1;
|
||||
border-top: wide $warning-darken-1;
|
||||
border-bottom: wide $warning-darken-1;
|
||||
border-top: tall $warning-darken-1;
|
||||
border-bottom: tall $warning-darken-1;
|
||||
|
||||
text-style: bold;
|
||||
align-horizontal: center;
|
||||
@@ -218,7 +220,7 @@ Warning {
|
||||
|
||||
Success {
|
||||
width: 100%;
|
||||
width:90%;
|
||||
|
||||
height:auto;
|
||||
box-sizing: border-box;
|
||||
background: $success;
|
||||
@@ -227,7 +229,7 @@ Success {
|
||||
border-top: hkey $success-darken-1;
|
||||
border-bottom: hkey $success-darken-1;
|
||||
|
||||
text-style: bold underline;
|
||||
text-style: bold ;
|
||||
|
||||
align-horizontal: center;
|
||||
}
|
||||
|
||||
@@ -179,21 +179,21 @@ app = BasicApp()
|
||||
if __name__ == "__main__":
|
||||
app.run()
|
||||
|
||||
from textual.geometry import Region
|
||||
from textual.color import Color
|
||||
# from textual.geometry import Region
|
||||
# from textual.color import Color
|
||||
|
||||
print(Region.intersection.cache_info())
|
||||
print(Region.overlaps.cache_info())
|
||||
print(Region.union.cache_info())
|
||||
print(Region.split_vertical.cache_info())
|
||||
print(Region.__contains__.cache_info())
|
||||
from textual.css.scalar import Scalar
|
||||
# print(Region.intersection.cache_info())
|
||||
# print(Region.overlaps.cache_info())
|
||||
# print(Region.union.cache_info())
|
||||
# print(Region.split_vertical.cache_info())
|
||||
# print(Region.__contains__.cache_info())
|
||||
# from textual.css.scalar import Scalar
|
||||
|
||||
print(Scalar.resolve_dimension.cache_info())
|
||||
# print(Scalar.resolve_dimension.cache_info())
|
||||
|
||||
from rich.style import Style
|
||||
from rich.cells import cached_cell_len
|
||||
# from rich.style import Style
|
||||
# from rich.cells import cached_cell_len
|
||||
|
||||
print(Style._add.cache_info())
|
||||
# print(Style._add.cache_info())
|
||||
|
||||
print(cached_cell_len.cache_info())
|
||||
# print(cached_cell_len.cache_info())
|
||||
|
||||
Reference in New Issue
Block a user