Merge pull request #196 from aopell/develop

Version 6.4

css/all.css

@@ -3,6 +3,7 @@
     --primary-color: hsl(var(--color-hue), 50%, 50%);
     --background-color: hsl(var(--color-hue), 60%, 30%);
     --hover-color: hsl(var(--color-hue), 55%, 40%);
+    --link-color: var(--hover-color);
     --border-color: hsl(var(--color-hue), 60%, 25%);
     --cursor: auto;
     --background-url: none;
@@ -54,7 +55,7 @@ footer button {
 }
 
 footer._2T2dA {
-    background-color: rgb(51, 51, 51) !important;
+    background-color: var(--primary-color) !important;
 }
 
 /* Logo */
@@ -356,6 +357,7 @@ section.sgy-card .sgy-card-lens img.injected-course-icon {
     background-color: var(--hover-color) !important;
 }
 
+.submit-span-wrapper,
 .submit-span-wrapper input[type=button],
 .submit-span-wrapper input[type=submit] {
     height: 25px !important;
@@ -584,8 +586,8 @@ the selector matches inside notifications in the new notifs dropdown
 }
 
 .splus-logo-inline {
-    height: 22px;
-    filter: brightness(0.4);
+    height: 18px;
+    color: currentColor;
     vertical-align: middle;
     padding-right: 3px;
 }
@@ -607,8 +609,9 @@ body #grading-group- span.ajax-post-comment,
 span[role=button],
 .period-row .title,
 .category-row .title,
-._2mWUT a {
-    color: var(--hover-color) !important;
+._2mWUT a,
+div._3U8Br {
+    color: var(--link-color) !important;
 }
 
 body #nav ul li a:hover,
@@ -631,7 +634,7 @@ body .search-toggle:hover,
 body #primary-settings .unfold:hover,
 ul.tabs li a.active,
 #nav ul li a:hover {
-    background-color: var(--hover-color) !important;
+    background-color: var(--link-color) !important;
     color: white !important;
 }
 
@@ -648,4 +651,61 @@ div.courses-left-menu,
 .portfolio-list a.btn,
 a._3_bfp {
     color: white !important;
+}
+
+.setting-highlight {
+    color: lightyellow !important;
+}
+
+.course-dashboard section.sgy-card img.injected-course-icon {
+    height: 80% !important;
+}
+
+.splus-beta-container {
+    position: fixed;
+    left: 3px;
+    top: 12px;
+    z-index: 9999;
+    color: white !important;
+    border: 2px solid white;
+    border-radius: 10px;
+    background-color: dodgerblue;
+    padding: 5px 8px;
+    width: 10px;
+    height: 20px;
+}
+
+.splus-beta-container:hover {
+    width: unset;
+    height: unset;
+}
+
+.splus-beta-container h3 {
+    color: white !important;
+    border-bottom: 1px solid white !important;
+}
+
+.splus-beta-tag {
+    cursor: pointer;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.splus-beta-container:hover .splus-beta-tag::after {
+    content: "eta Enabled";
+}
+
+.splus-beta-container div {
+    display: none;
+}
+
+.splus-beta-container:hover div {
+    display: block;
+    padding-top: 5px;
+}
+
+.splus-beta-container div input[type=checkbox] {
+    vertical-align: middle;
+    float: left;
+    margin-right: 10px;
 }

css/grades.css

@@ -218,12 +218,11 @@ input#enable-modify {
     letter-spacing:normal; 
 }
 
-img.splus-coursegradebox-taint {
-    width: 1em;
-    height: 1em;
+svg.splus-coursegradebox-taint {
+    width: 1.2em;
+    height: 1.2em;
     vertical-align: middle;
-    filter: brightness(0.0625); /* 1/16; corresponds with Schoology's #111111 */
-    padding-right: 0.1em;
+    padding-right: 0.2em;
 }
 
 .splus-weighted-gradebook-indicator {