From f579e9f747107855bd56b86009b60ff2236b4b73 Mon Sep 17 00:00:00 2001 From: Dragon Date: Mon, 19 Apr 2021 11:20:02 +0200 Subject: [PATCH] Update css for dark theme --- build/assets/application.css | 2 +- src/css/_dark.less | 12 ++---------- 2 files changed, 3 insertions(+), 11 deletions(-) diff --git a/build/assets/application.css b/build/assets/application.css index e65998f..f46b34e 100644 --- a/build/assets/application.css +++ b/build/assets/application.css @@ -1 +1 @@ -.ic__container,.ic__header,sub,sup{position:relative}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body .btn,body h1,body h2{font-weight:600}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}table{border-collapse:collapse;border-spacing:0}.ic__container,.ic__datepicker,.ic__days,.ic__days td,.ic__header,.ic__next,.ic__prev,.ic__week-head,.ic__week-head td{margin:0;padding:0;font-size:10px;line-height:12px;cursor:default;text-shadow:none!important}.ic__container{background:#fff}.ic__container table{width:100%;border:0;border-collapse:collapse!important;border-spacing:0!important}.ic__header{background:#bebebe;height:35px}.ic__next,.ic__prev{position:absolute;top:0;width:7%;height:35px;background-color:#bebebe;cursor:pointer}.ic__next:hover,.ic__prev:hover{background-color:#8b8b8b}.ic__next div,.ic__prev div{position:absolute;width:0;height:0;overflow:hidden;border:5px solid transparent}.ic__prev{left:0}.ic__prev div{top:13px;left:50%;margin-left:-7px;border-right-color:#fff}.ic__next{right:0}.ic__next div{top:13px;right:50%;margin-right:-7px;border-left-color:#fff}.ic__month{position:absolute;top:5px;left:9%;width:50%}.ic__year{position:absolute;top:5px;right:9%;width:30%}.ic__header select{width:100%;border:none;padding:2px;font-size:14px;border-radius:2px}.ic__days td,.ic__week-head td{width:14%;vertical-align:top;text-align:center;padding:10px 0 8px;border:1px solid #d8d8d8;font-size:9px;line-height:1.333;text-transform:uppercase}.ic__header select:focus{outline:0}.ic__week-head td{color:#717171}.ic__days{margin-top:-1px}.ic__days td{color:#262626}.ic__days .ic__day{background:#fff;cursor:pointer}.ic__days .ic__day:hover{background:#96d2ff;color:#fff}.ic__days .ic__day-empty{background-image:linear-gradient(135deg,#fff 25%,#f1f1f1 25%,#f1f1f1 50%,#fff 50%,#fff 75%,#f1f1f1 75%,#f1f1f1 100%);background-size:5px 5px}.ic__days .ic__day_state_current{background:#0072c9;color:#fff}.ic__days .ic__day_state_selected{background:#f1f1f1;color:#000}body{font-family:system-ui,sans-serif;font-size:14px;color:#262626;background-color:#f7f7f7}body *{box-sizing:border-box;-webkit-box-sizing:border-box}body h1{font-size:24px;line-height:32px;margin:0 0 20px}body h2{font-size:20px;line-height:28px;margin:4px 0 15px}body a{text-decoration:none;color:#0072c9}body a:hover{border-bottom:2px solid #0072c9;cursor:pointer}body .btn{display:inline-block;vertical-align:middle;height:32px;min-width:95px;font-size:14px;line-height:20px;padding:0 10px;border-radius:2px;border:2px solid transparent;outline:0}body .btn.btn-primary{background-color:#0072c9;color:#fff}body .btn.btn-primary:hover{background-color:#0080e3}body .btn.btn-grey{background-color:#ededed}body .btn.btn-grey:hover{background-color:#e0e0e0}body .entry{display:flex;align-items:center;margin-bottom:5px;background-color:#fff;border-radius:4px;box-shadow:0 1.6px 3.6px rgba(0,0,0,.13),0 .3px .9px rgba(0,0,0,.11)}body .entry:last-child{margin-bottom:0}body .entry.selected{box-shadow:0 0 0 1.5px #0072c9;background-color:#ededed}body .entry .entry-icon,body .entry .entry-link,body .entry .entry-remove,body .entry .entry-time{display:inline-block;vertical-align:middle}body .entry .entry-icon{width:16px;height:16px;margin:12px}body .entry .entry-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;flex-grow:1;padding-right:10px}body .entry .entry-link a{color:#262626;border:none;font-weight:600}body .entry .entry-time{text-align:right;padding:0 10px;color:#717171;line-height:40px;font-size:12px;cursor:default}body .entry :first-child.entry-time{text-align:left}body .entry .entry-remove{margin:6px;padding:8px;border:none}body .entry .entry-remove svg{fill:#767676;width:12px;height:12px;float:left}body .entry .entry-remove:hover{background-color:#f7f7f7;border-radius:2px}body.main .wrapper .sidebar{position:fixed;width:340px;border-right:1px solid #bebebe;background-color:#f7f7f7}body.main .wrapper .sidebar .container{display:flex;flex-direction:column;height:100vh;padding:30px 25px 30px 50px}body.main .wrapper .sidebar .container>.footer,body.main .wrapper .sidebar .container>.nav,body.main .wrapper .sidebar .container>.search{display:flex}body.main .wrapper .sidebar .container>.footer>.content,body.main .wrapper .sidebar .container>.nav>.content,body.main .wrapper .sidebar .container>.search>.content{width:100%}body.main .wrapper .sidebar .container>.search>.content .search-structure{background-color:#fff;border:1px solid #bebebe;border-radius:2px;display:flex;transition:all .2s ease-in-out;margin-bottom:20px}body.main .wrapper .sidebar .container>.search>.content .search-structure.focus{box-shadow:0 0 0 1px #a5a5a5 inset;border-color:#a5a5a5}body.main .wrapper .sidebar .container>.search>.content .search-structure svg{fill:#262626}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-icon{width:16px;height:16px;margin:8px 12px}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-input{border:none;background:0 0;outline:0;padding-right:5px;flex:1 0 0}body.main .wrapper .sidebar .container>.nav,body.main .wrapper .sidebar .container>.nav>.content p.space{flex-grow:1}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear{display:none;margin:4px;padding:6px;border:none}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear svg{width:12px;height:12px;float:left}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear:hover{background-color:#f7f7f7;border-radius:2px}body.main .wrapper .sidebar .container>.nav>.content{text-align:center;padding-bottom:20px;display:flex;flex-direction:column}body.main .wrapper .sidebar .container>.nav>.content .calendar{flex-grow:0}body.main .wrapper .sidebar .container>.nav>.content .calendar:after{display:table;content:" ";clear:both}body.main .wrapper .sidebar .container>.nav>.content p{flex-grow:0;min-height:22px}body.main .wrapper .sidebar .container>.nav>.content p:last-child{margin-bottom:0}body .form-group,body.main .wrapper .history-container .history-day,body.main .wrapper .history-container .search-result{margin-bottom:20px}body.main .wrapper .sidebar .container>.nav>.content p #go_options,body.main .wrapper .sidebar .container>.nav>.content p #go_today{display:inline-block}body.main .wrapper .sidebar .container>.footer{border-top:1px solid #bebebe;padding-top:20px}body.main .wrapper .sidebar .container>.footer>.content img{float:left;width:40px;height:40px;margin-right:15px}body.main .wrapper .sidebar .container>.footer>.content div{display:inline-block;width:200px}body.main .wrapper .sidebar .container>.footer>.content a{font-size:12px}body.main .wrapper .history-container{margin-left:340px;padding:30px 50px}body.main .wrapper .history-container .gutter{position:relative;width:820px}body.main .wrapper .history-container .gutter .remove-confirmation{display:none;position:absolute;right:0;margin-top:-15px;background-color:#fff;box-shadow:0 1.6px 3.6px rgba(0,0,0,.13),0 .3px .9px rgba(0,0,0,.11);padding:10px 10px 10px 20px;border-radius:5px}body.main .wrapper .history-container .gutter .remove-confirmation span{display:inline-block;vertical-align:middle}body.main .wrapper .history-container .gutter .remove-confirmation .btn-primary{margin-left:10px;margin-right:5px}body.main .wrapper .history-container .history-day .entry{width:820px}body.main .wrapper .history-container .history-day .entry .entry-link{width:660px}body #go_today,body .calendar,body .entry,body .search-clear{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .form-group{display:flex}body .form-group label{flex-grow:1}body .form-group .toggle-switch{position:relative}body .form-group .toggle-switch input{appearance:none;cursor:pointer;display:block;outline:0;width:40px;height:20px;background-color:#fff;border:1px solid #bebebe;border-radius:20px}body .form-group .toggle-switch .dot{position:absolute;transition:all .1s ease;pointer-events:none;top:5px;left:5px;right:unset;border-radius:10px;width:10px;height:10px;background:#2B2B2B}body .form-group .toggle-switch input:checked{background-color:#0072c9;border-color:#0072c9}body .form-group .toggle-switch input:checked+.dot{left:25px;right:unset;background:#fff}body .modal{position:fixed;display:none;justify-content:center;z-index:1;left:0;top:0;bottom:0;right:0;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.4)}body .modal .modal-content{background-color:#fff;width:400px;border-radius:4px;height:auto;margin-top:auto;margin-bottom:auto}body .modal .modal-content .modal-heading{display:flex;justify-content:flex-end;padding:5px 5px 0}body .modal .modal-content .modal-heading .close{display:flex;padding:3px}body .modal .modal-content .modal-heading .close:hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer}body .modal .modal-content .modal-body{padding:0 20px 10px}body .modal .modal-content .modal-footer{padding:0 20px 20px;display:flex}body .modal .modal-content .modal-footer button{flex-grow:1}body .modal .modal-content .modal-footer button:first-child{margin-right:5px}body .modal .modal-content .modal-footer button:last-child{margin-left:5px}body.popup .wrapper{width:650px}body.popup .wrapper .history-container{padding:20px}body.popup .wrapper .history-container h1{font-size:16px;margin-bottom:10px}body.popup .wrapper .history-container h2{display:none}body.popup .wrapper .history-container #go_history{float:right;margin-top:7px}body.popup .wrapper .history-container .history-day .entry .entry-link{width:450px}@media (prefers-color-scheme:dark){body .entry .entry-remove svg,body .modal .modal-content .modal-heading .close svg,body.main .wrapper .sidebar .container>.search>.content .search-structure svg{fill:#bbb}body{background-color:#333;color:#bbb}body::-webkit-scrollbar{background:#2b2b2b}body::-webkit-scrollbar-thumb{background:#3b3b3b;border:1px solid #484848}body a{color:#4ea1e1}body a:hover{border-bottom-color:#4ea1e1}body .btn.btn-primary:hover{background-color:#3895dd}body .btn.btn-grey{background-color:#4d4d4d}body .btn.btn-grey:hover{background-color:#5a5a5a}body .entry{background-color:#3b3b3b}body .entry.selected{box-shadow:#4ea1e1 0 0 0 1.5px;background-color:#4d4d4d}body .entry .entry-link a{color:#bbb}body .entry .entry-time{color:#9d9d9d}body .entry .entry-remove:hover{background-color:#333}body.main .wrapper .sidebar{background-color:#333;border-right-color:#3b3b3b}body.main .wrapper .sidebar .container>.search>.content .search-structure{background-color:#2b2b2b;border-color:#3b3b3b}body.main .wrapper .sidebar .container>.search>.content .search-structure.focus{box-shadow:0 0 0 1px #555 inset;border-color:#555}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear:hover{background-color:#333}body.main .wrapper .sidebar .container>.footer{border-top-color:#3b3b3b}body.main .wrapper .history-container .gutter .remove-confirmation{background-color:#3b3b3b}body .form-group .toggle-switch input{background-color:#333;border-color:#858585}body .form-group .toggle-switch .dot{background-color:#fff}body .modal .modal-content{background-color:#3b3b3b}body .modal .modal-content .modal-heading .close:hover{background-color:#333}.ic__container{background:#2e2e2e}.ic__month-select,.ic__year-select{background-color:#2b2b2b}.ic__prev div{border-right-color:#bbb}.ic__next div{border-left-color:#bbb}.ic__header,.ic__next,.ic__prev{background-color:#3b3b3b}.ic__next:hover,.ic__prev:hover{background-color:#555}.ic__week-head td{border:1px solid #3b3b3b;color:#9d9d9d}.ic__days td{border:1px solid #3b3b3b;color:#bbb}.ic__days .ic__day{background:#343434}.ic__days .ic__day:hover{background:#165280}.ic__days .ic__day-empty{background-image:linear-gradient(135deg,#363636 25%,#2e2e2e 25%,#2e2e2e 50%,#363636 50%,#363636 75%,#2e2e2e 75%,#2e2e2e 100%);background-size:5px 5px}.ic__days .ic__day_state_current{background:#1d6eac}.ic__days .ic__day_state_selected{background:#555;color:#bbb}} \ No newline at end of file +.ic__container,.ic__header,sub,sup{position:relative}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body .btn,body h1,body h2{font-weight:600}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}table{border-collapse:collapse;border-spacing:0}.ic__container,.ic__datepicker,.ic__days,.ic__days td,.ic__header,.ic__next,.ic__prev,.ic__week-head,.ic__week-head td{margin:0;padding:0;font-size:10px;line-height:12px;cursor:default;text-shadow:none!important}.ic__container{background:#fff}.ic__container table{width:100%;border:0;border-collapse:collapse!important;border-spacing:0!important}.ic__header{background:#bebebe;height:35px}.ic__next,.ic__prev{position:absolute;top:0;width:7%;height:35px;background-color:#bebebe;cursor:pointer}.ic__next:hover,.ic__prev:hover{background-color:#8b8b8b}.ic__next div,.ic__prev div{position:absolute;width:0;height:0;overflow:hidden;border:5px solid transparent}.ic__prev{left:0}.ic__prev div{top:13px;left:50%;margin-left:-7px;border-right-color:#fff}.ic__next{right:0}.ic__next div{top:13px;right:50%;margin-right:-7px;border-left-color:#fff}.ic__month{position:absolute;top:5px;left:9%;width:50%}.ic__year{position:absolute;top:5px;right:9%;width:30%}.ic__header select{width:100%;border:none;padding:2px;font-size:14px;border-radius:2px}.ic__days td,.ic__week-head td{width:14%;vertical-align:top;text-align:center;padding:10px 0 8px;border:1px solid #d8d8d8;font-size:9px;line-height:1.333;text-transform:uppercase}.ic__header select:focus{outline:0}.ic__week-head td{color:#717171}.ic__days{margin-top:-1px}.ic__days td{color:#262626}.ic__days .ic__day{background:#fff;cursor:pointer}.ic__days .ic__day:hover{background:#96d2ff;color:#fff}.ic__days .ic__day-empty{background-image:linear-gradient(135deg,#fff 25%,#f1f1f1 25%,#f1f1f1 50%,#fff 50%,#fff 75%,#f1f1f1 75%,#f1f1f1 100%);background-size:5px 5px}.ic__days .ic__day_state_current{background:#0072c9;color:#fff}.ic__days .ic__day_state_selected{background:#f1f1f1;color:#000}body{font-family:system-ui,sans-serif;font-size:14px;color:#262626;background-color:#f7f7f7}body *{box-sizing:border-box;-webkit-box-sizing:border-box}body h1{font-size:24px;line-height:32px;margin:0 0 20px}body h2{font-size:20px;line-height:28px;margin:4px 0 15px}body a{text-decoration:none;color:#0072c9}body a:hover{border-bottom:2px solid #0072c9;cursor:pointer}body .btn{display:inline-block;vertical-align:middle;height:32px;min-width:95px;font-size:14px;line-height:20px;padding:0 10px;border-radius:2px;border:2px solid transparent;outline:0}body .btn.btn-primary{background-color:#0072c9;color:#fff}body .btn.btn-primary:hover{background-color:#0080e3}body .btn.btn-grey{background-color:#ededed}body .btn.btn-grey:hover{background-color:#e0e0e0}body .entry{display:flex;align-items:center;margin-bottom:5px;background-color:#fff;border-radius:4px;box-shadow:0 1.6px 3.6px rgba(0,0,0,.13),0 .3px .9px rgba(0,0,0,.11)}body .entry:last-child{margin-bottom:0}body .entry.selected{box-shadow:0 0 0 1.5px #0072c9;background-color:#ededed}body .entry .entry-icon,body .entry .entry-link,body .entry .entry-remove,body .entry .entry-time{display:inline-block;vertical-align:middle}body .entry .entry-icon{width:16px;height:16px;margin:12px}body .entry .entry-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;flex-grow:1;padding-right:10px}body .entry .entry-link a{color:#262626;border:none;font-weight:600}body .entry .entry-time{text-align:right;padding:0 10px;color:#717171;line-height:40px;font-size:12px;cursor:default}body .entry :first-child.entry-time{text-align:left}body .entry .entry-remove{margin:6px;padding:8px;border:none}body .entry .entry-remove svg{fill:#767676;width:12px;height:12px;float:left}body .entry .entry-remove:hover{background-color:#f7f7f7;border-radius:2px}body.main .wrapper .sidebar{position:fixed;width:340px;border-right:1px solid #bebebe;background-color:#f7f7f7}body.main .wrapper .sidebar .container{display:flex;flex-direction:column;height:100vh;padding:30px 25px 30px 50px}body.main .wrapper .sidebar .container>.footer,body.main .wrapper .sidebar .container>.nav,body.main .wrapper .sidebar .container>.search{display:flex}body.main .wrapper .sidebar .container>.footer>.content,body.main .wrapper .sidebar .container>.nav>.content,body.main .wrapper .sidebar .container>.search>.content{width:100%}body.main .wrapper .sidebar .container>.search>.content .search-structure{background-color:#fff;border:1px solid #bebebe;border-radius:2px;display:flex;transition:all .2s ease-in-out;margin-bottom:20px}body.main .wrapper .sidebar .container>.search>.content .search-structure.focus{box-shadow:0 0 0 1px #a5a5a5 inset;border-color:#a5a5a5}body.main .wrapper .sidebar .container>.search>.content .search-structure svg{fill:#262626}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-icon{width:16px;height:16px;margin:8px 12px}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-input{border:none;background:0 0;outline:0;padding-right:5px;flex:1 0 0}body.main .wrapper .sidebar .container>.nav,body.main .wrapper .sidebar .container>.nav>.content p.space{flex-grow:1}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear{display:none;margin:4px;padding:6px;border:none}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear svg{width:12px;height:12px;float:left}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear:hover{background-color:#f7f7f7;border-radius:2px}body.main .wrapper .sidebar .container>.nav>.content{text-align:center;padding-bottom:20px;display:flex;flex-direction:column}body.main .wrapper .sidebar .container>.nav>.content .calendar{flex-grow:0}body.main .wrapper .sidebar .container>.nav>.content .calendar:after{display:table;content:" ";clear:both}body.main .wrapper .sidebar .container>.nav>.content p{flex-grow:0;min-height:22px}body.main .wrapper .sidebar .container>.nav>.content p:last-child{margin-bottom:0}body .form-group,body.main .wrapper .history-container .history-day,body.main .wrapper .history-container .search-result{margin-bottom:20px}body.main .wrapper .sidebar .container>.nav>.content p #go_options,body.main .wrapper .sidebar .container>.nav>.content p #go_today{display:inline-block}body.main .wrapper .sidebar .container>.footer{border-top:1px solid #bebebe;padding-top:20px}body.main .wrapper .sidebar .container>.footer>.content img{float:left;width:40px;height:40px;margin-right:15px}body.main .wrapper .sidebar .container>.footer>.content div{display:inline-block;width:200px}body.main .wrapper .sidebar .container>.footer>.content a{font-size:12px}body.main .wrapper .history-container{margin-left:340px;padding:30px 50px}body.main .wrapper .history-container .gutter{position:relative;width:820px}body.main .wrapper .history-container .gutter .remove-confirmation{display:none;position:absolute;right:0;margin-top:-15px;background-color:#fff;box-shadow:0 1.6px 3.6px rgba(0,0,0,.13),0 .3px .9px rgba(0,0,0,.11);padding:10px 10px 10px 20px;border-radius:5px}body.main .wrapper .history-container .gutter .remove-confirmation span{display:inline-block;vertical-align:middle}body.main .wrapper .history-container .gutter .remove-confirmation .btn-primary{margin-left:10px;margin-right:5px}body.main .wrapper .history-container .history-day .entry{width:820px}body.main .wrapper .history-container .history-day .entry .entry-link{width:660px}body #go_today,body .calendar,body .entry,body .search-clear{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .form-group{display:flex}body .form-group label{flex-grow:1}body .form-group .toggle-switch{position:relative}body .form-group .toggle-switch input{appearance:none;cursor:pointer;display:block;outline:0;width:40px;height:20px;background-color:#fff;border:1px solid #bebebe;border-radius:20px}body .form-group .toggle-switch .dot{position:absolute;transition:all .1s ease;pointer-events:none;top:5px;left:5px;right:unset;border-radius:10px;width:10px;height:10px;background:#2B2B2B}body .form-group .toggle-switch input:checked{background-color:#0072c9;border-color:#0072c9}body .form-group .toggle-switch input:checked+.dot{left:25px;right:unset;background:#fff}body .modal{position:fixed;display:none;justify-content:center;z-index:1;left:0;top:0;bottom:0;right:0;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.4)}body .modal .modal-content{background-color:#fff;width:400px;border-radius:4px;height:auto;margin-top:auto;margin-bottom:auto}body .modal .modal-content .modal-heading{display:flex;justify-content:flex-end;padding:5px 5px 0}body .modal .modal-content .modal-heading .close{display:flex;padding:3px}body .modal .modal-content .modal-heading .close:hover{background-color:#f7f7f7;border-radius:2px;cursor:pointer}body .modal .modal-content .modal-body{padding:0 20px 10px}body .modal .modal-content .modal-footer{padding:0 20px 20px;display:flex}body .modal .modal-content .modal-footer button{flex-grow:1}body .modal .modal-content .modal-footer button:first-child{margin-right:5px}body .modal .modal-content .modal-footer button:last-child{margin-left:5px}body.popup .wrapper{width:650px}body.popup .wrapper .history-container{padding:20px}body.popup .wrapper .history-container h1{font-size:16px;margin-bottom:10px}body.popup .wrapper .history-container h2{display:none}body.popup .wrapper .history-container #go_history{float:right;margin-top:7px}body.popup .wrapper .history-container .history-day .entry .entry-link{width:450px}:root{color-scheme:dark}@media (prefers-color-scheme:dark){body .entry .entry-remove svg,body .modal .modal-content .modal-heading .close svg,body.main .wrapper .sidebar .container>.search>.content .search-structure svg{fill:#bbb}body{background-color:#333;color:#bbb}body a{color:#4ea1e1}body a:hover{border-bottom-color:#4ea1e1}body .btn.btn-primary:hover{background-color:#3895dd}body .btn.btn-grey{background-color:#4d4d4d}body .btn.btn-grey:hover{background-color:#5a5a5a}body .entry{background-color:#3b3b3b}body .entry.selected{box-shadow:#4ea1e1 0 0 0 1.5px;background-color:#4d4d4d}body .entry .entry-link a{color:#bbb}body .entry .entry-time{color:#9d9d9d}body .entry .entry-remove:hover{background-color:#333}body.main .wrapper .sidebar{background-color:#333;border-right-color:#3b3b3b}body.main .wrapper .sidebar .container>.search>.content .search-structure{background-color:#2b2b2b;border-color:#3b3b3b}body.main .wrapper .sidebar .container>.search>.content .search-structure.focus{box-shadow:0 0 0 1px #555 inset;border-color:#555}body.main .wrapper .sidebar .container>.search>.content .search-structure .search-clear:hover{background-color:#333}body.main .wrapper .sidebar .container>.footer{border-top-color:#3b3b3b}body.main .wrapper .history-container .gutter .remove-confirmation{background-color:#3b3b3b}body .form-group .toggle-switch input{background-color:#333;border-color:#858585}body .form-group .toggle-switch .dot{background-color:#fff}body .modal .modal-content{background-color:#3b3b3b}body .modal .modal-content .modal-heading .close:hover{background-color:#333}.ic__container{background:#2e2e2e}.ic__month-select,.ic__year-select{background-color:#2b2b2b}.ic__prev div{border-right-color:#bbb}.ic__next div{border-left-color:#bbb}.ic__header,.ic__next,.ic__prev{background-color:#3b3b3b}.ic__next:hover,.ic__prev:hover{background-color:#555}.ic__week-head td{border:1px solid #3b3b3b;color:#9d9d9d}.ic__days td{border:1px solid #3b3b3b;color:#bbb}.ic__days .ic__day{background:#343434}.ic__days .ic__day:hover{background:#165280}.ic__days .ic__day-empty{background-image:linear-gradient(135deg,#363636 25%,#2e2e2e 25%,#2e2e2e 50%,#363636 50%,#363636 75%,#2e2e2e 75%,#2e2e2e 100%);background-size:5px 5px}.ic__days .ic__day_state_current{background:#1d6eac}.ic__days .ic__day_state_selected{background:#555;color:#bbb}} \ No newline at end of file diff --git a/src/css/_dark.less b/src/css/_dark.less index ddebf1d..036d21a 100644 --- a/src/css/_dark.less +++ b/src/css/_dark.less @@ -1,11 +1,5 @@ -.scrollbar-variant() { - &::-webkit-scrollbar { - background: @input-background-dark; - } - &::-webkit-scrollbar-thumb { - background: @border-color-dark; - border: 1px solid lighten(@border-color-dark, 5%); - } +:root { + color-scheme: dark; } @media (prefers-color-scheme: dark) { @@ -14,8 +8,6 @@ background-color: @backgound-color-dark; color: @text-color-dark; - .scrollbar-variant(); - a { color: @link-text-color-dark;