diff --git a/bale/elements.py b/bale/elements.py index 6c5836d..6400874 100644 --- a/bale/elements.py +++ b/bale/elements.py @@ -11,8 +11,8 @@ import logging logger = logging.getLogger(__name__) -orange = "#f59e0b" -dark = "#171717" +orange = "#E48257" +dark = "#0E1210" def load_element_css(): @@ -36,6 +36,26 @@ def load_element_css(): """ ) ui.add_head_html('') + ui.add_head_html( + f""" + + """ + ) class ErrorAggregator: diff --git a/bale/logo.py b/bale/logo.py index f611d10..3e1965f 100644 --- a/bale/logo.py +++ b/bale/logo.py @@ -6,14 +6,14 @@ logger = logging.getLogger(__name__) # https://www.svgviewer.dev/s/130897/turtle logo = """ - + """ # favicon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABINJREFUaEPVWj1oVEEQnr0IF87WWKTwp1OjjSA2EdMYNHhgcWvAUjvFwkZLtbSyEO20FOJLIVwwok1EGxFsNNHKaAoLtfXIgbkn3/PmHCe7b9/L7al5TSDv7cx88/PN7O4ZKvBMT0/vXVtbqxtjjhDRWJqmo8aYaoGlhT9J07RtjPlMRItpmj4fGhpqzszMvAsJMHkfWGuPEdElIjoREjSg9/NEdDNJkqc++U4A9Xq9Vq1Wbxljzg7IsFJi0zS91263LzabzZZeuA6AtfYAEd0nov2ltAz+47dEdCZJkjdS1R8AusY/JqLRGPZsqXQyMT86lRjiIAM1clyC6AFA2gwPD7+M4fmJHR/p/MFXPaO/trbSwsouSt7viwHk7erq6mFOpx6ARqNxN0bO2z1LZPcsOg0FiDuvD/UNAjUxOzt7DoIyAF22edKv5JHad7o9+cgrBpEAgMVvI/2qwvpJsBMDgNa+qVKnjsvK5P1YrFSaT5JkyqBJdTqdpRguQd4DBB54+0urlv0d2/aVEB08sdIIsiqVyj7TaDQuG2NuxAAAQ/G4UgQAttd+0XikFKI0Ta8Ya22TiE7GAPAPZMwBwAci2h1LOTw9seNTljLMOGAmPEvfRqJ5v2vvMlJotchgFkoBvEcNyDS6/mIi03N1fKH3/zwmCunQTs4GQGttmud9bZirEGXxsizkuQsAv9dspPsHgF57cTQjgbwnCEB6jwWdfmh7Ml3vuVDzADBTXXgylcmCo66NP+uxlX7vA5ELwMXrMIpZxGd8UQA6miF9LhC5AHRYZVog1wHA94RSSK5DsaM/4NHpGOobpQBI7zPbFJl7fJFyDXnaMaHOnQtAzzYy99mDLiBaaZFvZEQkYNRIXiEHi5jzUoYSChB2KRhGIuUwMvsUMhDdD3it7BuIrEytDRWx9DLGAC7eB6eSzEiAWljZ6TSYjYIMHygZGchjRsobSTSQYAT0Ap1Wrjx2cbre0Lj2DbLGcslfvCwNwDcyc67msRMb6Ns3/BUAvh1XDAAhxindB1wLBgmgSNH2XQO+FCkSAf7Gl0J/BYBWDmZyUaqcTF0TKLMU7+Dg2RDnbziFeMzVNBraoMO4kVordw8shzhulIgyb0dDbBRkIU4ZOdvAMJ5dWAFqg//vO//xfaMdxNGDHK2ndA3gmAQKZKORQlw1oVMG38Ao3tjzqOw77EKjHMg4rYc5mefaM0WnUb1x0X0m1BtK7QdkFEKHWEUBAHjeHiPETKWm0SIbEI5EUQDSeFePCTFTcFPv2u+GlAJEEQCy87pqScpwsRFv6nOPVVyzvBbsKtI8AK6+oB1VcKxYLnywxVTn42cN1AUgdMwe0uGIwlzUo0Xf/gHMAkChI5JQ09Lvs6PFmIe7ZQ3o9/vscBdCrLVRjtelQbJpcVPq12C1/tfxehcArlP7vuCQKaQvOkJ0uAFwvy84sDjWFRMbIlkldLZT1vh1V0wQEPOSD/Jkp47sffclXzeVcEcc9Zo14hUrTPRfs3IYN/VFN4PY1D81kAW1aX/soVnhf/65zU8sHJ18FN1uYgAAAABJRU5ErkJggg==" favicon = """ - + """ diff --git a/bale/page.py b/bale/page.py index 7ac477d..93062e2 100644 --- a/bale/page.py +++ b/bale/page.py @@ -30,12 +30,12 @@ def build(): ui.colors( primary=el.orange, secondary=el.orange, - accent="#d946ef", + accent=el.orange, dark=el.dark, - positive="#21ba45", - negative="#c10015", - info="#31ccec", - warning="#f2c037", + positive="#21BA45", + negative="#C10015", + info="#5C8984", + warning="#F2C037", ) column = ui.column() content = Content() diff --git a/static/jse-theme-dark.css b/static/jse-theme-dark.css index d2caede..4a10a46 100644 --- a/static/jse-theme-dark.css +++ b/static/jse-theme-dark.css @@ -2,8 +2,8 @@ --jse-theme: dark; /* over all fonts, sizes, and colors */ - --jse-theme-color: #f59e0b; - --jse-theme-color-highlight: #f59e0b; + --jse-theme-color: #E48257; + --jse-theme-color-highlight: #E48257; --jse-background-color: #1e1e1e; --jse-text-color: #d4d4d4; @@ -93,8 +93,8 @@ --jse-button-secondary-background-highlight: #5d5d5d; --jse-button-secondary-background-disabled: #9d9d9d; --jse-button-secondary-color: var(--jse-text-color); - --jse-a-color: #f59e0b; - --jse-a-color-highlight: #f59e0b; + --jse-a-color: #E48257; + --jse-a-color-highlight: #E48257; /* svelte-select */ --background: #3d3d3d;