From a5bad300b81c0682daec7ff014618c8d827a53c6 Mon Sep 17 00:00:00 2001 From: Van Duc Le <121172468+yucyle@users.noreply.github.com> Date: Tue, 5 Sep 2023 19:30:05 -0500 Subject: [PATCH] Edit theme --- resources/base.scss | 64 +++++++++++++++++++++++++++--- resources/blog.scss | 9 +++-- resources/widgets.scss | 16 ++++++-- templates/contests-countdown.html | 4 +- templates/problem/search-form.html | 38 +++++++++--------- templates/recent-organization.html | 2 +- templates/submission/list.html | 12 +++--- templates/top-users.html | 4 +- 8 files changed, 105 insertions(+), 44 deletions(-) diff --git a/resources/base.scss b/resources/base.scss index 13f9d6d..fe5acca 100644 --- a/resources/base.scss +++ b/resources/base.scss @@ -240,7 +240,7 @@ header { position: fixed; top: 0; left: 0; - right: 0; + right: 10px; height: $navbar_height; } @@ -296,7 +296,7 @@ nav { } &:hover { - border-top: 2px solid #9c3706; + border-top: 2px solid #045343; color: black; background: rgba(255, 255, 255, 0.25); margin: 0; @@ -304,8 +304,8 @@ nav { &.active { // color: #FFF; - border-top: 2px solid #9c3706; - color: #9c3706; + border-top: 2px solid #045343; + color: #045343; background: white; } @@ -713,11 +713,11 @@ math { } #chat-icon { - color: lightseagreen; + color: #045343; } #chat-icon:hover { - color: darkgreen; + color: green; } #nav-lang-icon { @@ -905,4 +905,56 @@ select { .view-next-page { display: none; } +} + +.colored-text { + color: #045343; +} + +.bold-text { + font-weight: bold; +} + +.non-italics { + font-style: normal; +} + +.margin-label{ + margin-bottom: 2.5px; +} + +::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: #045343; + opacity: 1; /* Firefox */ + text-align: center; +} + +:-ms-input-placeholder { /* Internet Explorer 10-11 */ + color: #045343; + text-align: center; +} + +::-ms-input-placeholder { /* Microsoft Edge */ + color: #045343; + text-align: center; +} + +input::placeholder{ + color: #045343; + text-align: center; +} + +::-webkit-input-placeholder { + color: #045343; + text-align: center; +} + +:-moz-placeholder { /* Firefox 18- */ + color: #045343; + text-align: center; +} + +::-moz-placeholder { /* Firefox 19+ */ + color: #045343; + text-align: center; } \ No newline at end of file diff --git a/resources/blog.scss b/resources/blog.scss index adf21d4..60144e0 100644 --- a/resources/blog.scss +++ b/resources/blog.scss @@ -33,11 +33,12 @@ } .left-sidebar-item.active { - color: green; + color: white; font-weight: bold; - background-color: lightgreen; + background-color: #045343; + .sidebar-icon { - color: green; + color: white; } } @@ -198,7 +199,7 @@ } .left-sidebar-item.active:hover { - background-color: lightgreen; + background-color: #045343; } .sidebar-icon { diff --git a/resources/widgets.scss b/resources/widgets.scss index 791e90d..ffc0e4e 100644 --- a/resources/widgets.scss +++ b/resources/widgets.scss @@ -30,7 +30,7 @@ .button, button, input[type=submit] { align-items: center; background-clip: padding-box; - background-color: #fa6400; + background-color: #045343; border: 1px solid transparent; border-radius: .25rem; box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0; @@ -101,6 +101,14 @@ } } + &.btn-darkGreen { + background: #045343; + + &:hover { + background: #045343; + } + } + // class = "unselectable button full small" only appear in online-judge/templates/contest/list.html // this attribute center buttons in contest list (including "Join", "Virutal Join", "Spectable") &.unselectable.button.full.small { @@ -113,18 +121,18 @@ } .button:hover, button:hover, input[type=submit]:hover { - background-color: #fb8332; + background-color: #045343; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; transform: translateY(-1px); } .button:focus, button:focus, input[type=submit]:focus { - background-color: #fb8332; + background-color: #045343; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; } .button:active, button:active, input[type=submit]:hover { - background-color: #c85000; + background-color: #045343; box-shadow: rgba(0, 0, 0, .06) 0 2px 4px; transform: translateY(0); } diff --git a/templates/contests-countdown.html b/templates/contests-countdown.html index 36879f4..a2772d6 100644 --- a/templates/contests-countdown.html +++ b/templates/contests-countdown.html @@ -1,6 +1,6 @@ {% if current_contests %}