Edit theme

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;
 }

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 {

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);
 }