diff options
author | matsuyoshi <sfbgwm30@gmail.com> | 2020-03-22 19:55:45 +0300 |
---|---|---|
committer | matsuyoshi <sfbgwm30@gmail.com> | 2020-03-22 19:55:45 +0300 |
commit | 8b992472bd0636c8ac12e75c3e7ec03fd8819bda (patch) | |
tree | b3eba4f4499663ede1b6091d7040fd3c215d1ea2 /static | |
parent | d2fc584d26e1378ad5f1f6797639a023ea86c834 (diff) |
fix #8
Diffstat (limited to 'static')
-rw-r--r-- | static/css/dark-sys.css | 14 | ||||
-rw-r--r-- | static/css/dark.css | 2 | ||||
-rw-r--r-- | static/css/main.css | 2 |
3 files changed, 15 insertions, 3 deletions
diff --git a/static/css/dark-sys.css b/static/css/dark-sys.css new file mode 100644 index 0000000..c5866eb --- /dev/null +++ b/static/css/dark-sys.css @@ -0,0 +1,14 @@ +@media (prefers-color-scheme: dark) { + :root { + background-color: #171717 !important; + filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%); + -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%); + } + body { + background-color: #FFFFFF !important; + } + img, video, body * [style*="background-image"] { + filter: hue-rotate(180deg) contrast(100%) invert(100%); + -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%); + } +}
\ No newline at end of file diff --git a/static/css/dark.css b/static/css/dark.css index 4173e15..aca5fd5 100644 --- a/static/css/dark.css +++ b/static/css/dark.css @@ -1,4 +1,4 @@ -html { +:root { background-color: #171717 !important; filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%); -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%); diff --git a/static/css/main.css b/static/css/main.css index 5bc3006..67692b6 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -21,7 +21,6 @@ body { font-family: 'Noto Sans JP', sans-serif; font-size: 16px; - background: #ffffff; position: relative; margin: 0; padding: 0; @@ -450,7 +449,6 @@ footer { padding: 60px 0; text-align: center; margin-top: auto; - color: #505050; font-size: 14px; font-family: 'Roboto', Helvetica, sans-serif; } |