From 34d2af08c62f2712ae3e51a7d9a9f054583048a2 Mon Sep 17 00:00:00 2001 From: doryan Date: Sun, 18 Aug 2024 10:26:53 -0700 Subject: [PATCH] feat(theme): add styles for dark and light themes --- src/view/styles/base.css | 28 ---------------------------- src/view/styles/base_dark.css | 19 +++++++++++++++++++ src/view/styles/base_light.css | 19 +++++++++++++++++++ 3 files changed, 38 insertions(+), 28 deletions(-) delete mode 100644 src/view/styles/base.css create mode 100644 src/view/styles/base_dark.css create mode 100644 src/view/styles/base_light.css diff --git a/src/view/styles/base.css b/src/view/styles/base.css deleted file mode 100644 index 29d7723..0000000 --- a/src/view/styles/base.css +++ /dev/null @@ -1,28 +0,0 @@ -#info_bar{ - background-color:#F1E6D9; - padding: 5px; - font-size: 11pt; -} -#info_bar > button { - transform: scale(0.9); - background-color: transparent; -} -#info_bar > button:hover { - background-color: #00000010; -} -#info_bar > button:active { - background-color: #00000020; -} -textview { - border-radius: 7px; - padding: 7px 8px; - background: #E6E6E6; - outline-offset: 2px; - outline: 2px solid #81ABDF00; - transition-duration: .15s; - transition-timing-function: ease-in-out; -} -textview:focus-within { - outline-offset: -2px; - outline: 2px solid #81ABDF; -} diff --git a/src/view/styles/base_dark.css b/src/view/styles/base_dark.css new file mode 100644 index 0000000..b9b5b91 --- /dev/null +++ b/src/view/styles/base_dark.css @@ -0,0 +1,19 @@ +textview { + border-radius: 7px; + padding: 7px 8px; + background: rgba(90, 90, 90, 0.5); + outline-offset: 2px; + outline: 2px solid #81ABDF00; + transition-duration: .15s; + transition-timing-function: ease-in-out; +} +textview:focus-within { + outline-offset: -2px; + outline: 2px solid #81ABDF; +} +revealer#infobar > box { + padding: 8px; + border-spacing: 12px; + border-bottom: 1px solid lighten(darken(#f6f5f4, 10%), 5%); + background-color: #4a351b; +} diff --git a/src/view/styles/base_light.css b/src/view/styles/base_light.css new file mode 100644 index 0000000..62d93a4 --- /dev/null +++ b/src/view/styles/base_light.css @@ -0,0 +1,19 @@ +textview { + border-radius: 7px; + padding: 7px 8px; + background: rgba(141, 141, 141, 0.5); + outline-offset: 2px; + outline: 2px solid #81ABDF00; + transition-duration: .15s; + transition-timing-function: ease-in-out; +} +textview:focus-within { + outline-offset: -2px; + outline: 2px solid #81ABDF; +} +revealer#infobar > box { + padding: 8px; + border-spacing: 12px; + border-bottom: 1px solid lighten(darken(#f6f5f4, 18%), 5%); + background-color: #f1e6d9; +} \ No newline at end of file