updated version, css for difficulty filter

Author: kiing-dom

content.js

@@ -1,6 +1,3 @@
-// Import fetchLeetCodeTags from leetcodeApi.js
-// (Assumes leetcodeApi.js is loaded before this script as per manifest)
-
 async function getProblemData() {
     const titleEl = document.querySelector('div[class*="text-title-large"]');
     const title = titleEl ? titleEl.textContent.trim() : "Unknown Title";

manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 2,
   "name": "KeepCode",
-  "version": "0.3.0",
-  "description": "Prep smarter for coding interviews: KeepCode tracks your LeetCode progress so you can focus on solving.",
+  "version": "0.3.5",
+  "description": "Prep smarter for coding interviews! KeepCode tracks your LeetCode progress so you can focus on solving.",
   "permissions": ["storage", "tabs", "activeTab", "https://leetcode.com/*"],
   "background": {
     "scripts": ["background.js"],

options/options.css

@@ -274,3 +274,70 @@ a:hover {
     outline: none;
     border-color: #8868bd;
 }
+
+/* Difficulty Dropdown Styles (to match Tag Dropdown) */
+.difficulty-dropdown,
+.difficulty-dropdown-selected,
+.difficulty-dropdown-list {
+    position: relative;
+    font-size: 1em;
+}
+.difficulty-dropdown-selected {
+    background: #fff;
+    border: 1px solid #d1d5db;
+    border-radius: 5px;
+    padding: 7px 12px;
+    cursor: pointer;
+    user-select: none;
+    min-width: 120px;
+    transition: border-color 0.15s;
+}
+.difficulty-dropdown-selected:focus {
+    outline: none;
+    border-color: #8868bd;
+}
+.difficulty-dropdown-list {
+    position: absolute;
+    top: 110%;
+    left: 0;
+    right: 0;
+    background: #fff;
+    border: 1px solid #d1d5db;
+    border-radius: 5px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+    z-index: 10;
+    padding: 0;
+}
+.difficulty-dropdown-search {
+    width: 100%;
+    margin: 0;
+    border-radius: 5px 5px 0 0;
+    border-bottom: 1px solid #e5e7eb;
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    box-sizing: border-box;
+    padding: 10px 12px;
+    font-size: 1em;
+    background: #fafbfc;
+}
+.difficulty-dropdown-options {
+    max-height: 180px;
+    overflow-y: auto;
+    padding-top: 4px;
+}
+.difficulty-dropdown-list {
+    border-radius: 5px;
+    overflow: hidden;
+}
+.difficulty-dropdown-option {
+    padding: 7px 16px;
+    cursor: pointer;
+    transition: background 0.13s;
+    color: #374151;
+}
+.difficulty-dropdown-option.selected,
+.difficulty-dropdown-option:hover {
+    background: #f3f4f6;
+    color: #8868bd;
+}