improved color harmony

This commit is contained in:
Will McGugan
2022-07-19 21:41:34 +01:00
parent 1b6c4273c7
commit 49764a3ec7
13 changed files with 233 additions and 210 deletions

View File

@@ -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;
}

View File

@@ -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())