Make casual vote box green

ajayyy · Feb 12, 2025 · e2abc7c · e2abc7c
1 parent d68acca
commit e2abc7c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/public/content.css b/public/content.css
@@ -4,6 +4,7 @@
     --skip-notice-margin: 5px;
 
     --cb-forground-button-color: #0e79cac2;
+    --cb-foreground-button-disabled-color: #0e78ca63;
 }
 
 .cbCustomThumbnailCanvas.ytd-img-shadow:not(.ytp-autonav-endscreen-upnext-thumbnail, .ytp-videowall-still-image) {
@@ -187,6 +188,9 @@ ytd-compact-playlist-renderer .ytd-compact-playlist-renderer #video-title:not(.c
 
 .casualVoteMenuInner {
     padding: 10px;
+
+    --cb-forground-button-color: #1a6c30;
+    --cb-foreground-button-disabled-color: #00380f;
 }
 
 .cbThumbnailImg {
@@ -383,7 +387,7 @@ ytd-compact-playlist-renderer .ytd-compact-playlist-renderer #video-title:not(.c
 
 .cbNoticeButton:disabled {
     cursor: default;
-    background-color: #0e78ca63 !important;
+    background-color: var(--cb-foreground-button-disabled-color) !important;
 }
 
 .cbNoticeButton {
@@ -655,8 +659,15 @@ ytd-compact-playlist-renderer .ytd-compact-playlist-renderer #video-title:not(.c
 
 .cbCasualVoteTitle {
     font-size: 22px;
-    text-align: center;
-    margin: 5px;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.cbCasualVoteTitleLogo {
+    height: 25px;
+    padding: 5px;
 }
 
 .cbCasualVoteOriginalTitle {

diff --git a/src/submission/CasualVoteComponent.tsx b/src/submission/CasualVoteComponent.tsx
@@ -30,6 +30,10 @@ export const CasualVoteComponent = (props: CasualVoteComponentProps) => {
             onMouseDown={(e) => e.stopPropagation()}>
 
             <div className="cbCasualVoteTitle">
+                <img
+                    className="cbCasualVoteTitleLogo"
+                    src={chrome.runtime.getURL("icons/logo-casual.svg")}
+                />
                 <FormattedText
                     langKey="likeOriginalTitle"
                 />