diff --git a/js/background.js b/js/background.js
index df215fb..7ab7906 100644
--- a/js/background.js
+++ b/js/background.js
@@ -5,6 +5,8 @@ chrome.runtime.onInstalled.addListener(function () {
"previous_colors": null,
"previous_theme": null,
"errors": [],
+ "saved_themes": {},
+ "liked_themes": [],
},
"sync": {
"dark_preset": {
@@ -79,13 +81,21 @@ chrome.runtime.onInstalled.addListener(function () {
"card_method_date": false,
"card_method_dashboard": false,
"card_limit": 25,
+ "remind": false,
+ "reminders": [],
+ "reminder_count": 1,
+ "multi_remind": false,
+ "id": "",
+ "new_browser": null,
+ "gpa_calc_cumulative": false,
+ "gpa_calc_weighted": true,
}
};
const updateMsg = "Better Canvas was just updated!\nThis version added new themes, cumulative GPA into the GPA calculator, and a new sorting function for themes.";
chrome.storage.local.get(null, local => {
- chrome.storage.sync.get(null, sync => {
+ chrome.storage.sync.get(null, async sync => {
let newSyncOptions = {"update_msg": updateMsg};
let newLocalOptions = {};
Object.keys(default_options["sync"]).forEach(option => {
@@ -97,6 +107,21 @@ chrome.runtime.onInstalled.addListener(function () {
newLocalOptions[option] = default_options["local"][option];
})
+ /*
+ // generates a unique id for the themes backend
+ if (sync["identifier"] === undefined) {
+ try {
+ await fetch("https://localhost:3000/api/identity")
+ .then(res => res.json())
+ .then(data => {
+ newSyncOptions["identifier"] = data.message;
+ })
+ } catch (e) {
+
+ }
+ }
+ */
+
if (Object.keys(newLocalOptions).length > 0) {
chrome.storage.local.set(newLocalOptions);
}
@@ -115,148 +140,3 @@ chrome.runtime.onInstalled.addListener(function () {
});
chrome.runtime.setUninstallURL("https://diditupe.dev/bettercanvas/goodbye");
-
-
-/*
-const syncedOptions = [
- 'full_width',
- 'new_install',
- 'hover_preview',
- 'num_todo_items',
- 'assignments_due',
- 'gpa_calc',
- 'gpa_calc_bounds',
- 'gradient_cards',
- 'disable_color_overlay',
- 'auto_dark',
- 'auto_dark_start',
- 'auto_dark_end',
- 'num_assignments',
- 'assignments_done',
- 'assignment_date_format',
- 'dashboard_notes',
- 'dashboard_notes_text',
- 'better_todo',
- 'todo_hr24',
- 'condensed_cards',
- 'custom_cards',
- 'custom_cards_2',
- 'custom_assignments',
- 'custom_assignments_overflow',
- 'grade_hover',
- 'hide_completed',
- 'hide_completed_cards',
- 'custom_font',
- 'todo_overdues',
- 'card_overdues',
- 'relative_dues',
- 'remlogo',
- 'device_dark',
- 'dark_mode',
- 'dark_preset',
- 'custom_domain',
- 'hide_feedback',
- 'dark_mode_fix',
- "assignment_states",
-];
-const localOptions = [
- 'previous_colors',
- 'previous_theme',
- 'errors',
- /*
- 'dark_mode',
- 'dark_css',
- 'dark_preset',
- 'custom_domain
-];
-*/
-
-/*
-function moveLocalToSync() {
- if (local[option] !== undefined) {
- if (option === "new_install") {
- default_options["new_install"] = false;
- } else {
- default_options[option] = local[option];
- }
- chrome.storage.local.remove(option);
- }
-}
-*/
-
-// add custom grade
- /*
- let old_cc = sync["custom_cards"] ? Object.keys(sync["custom_cards_2"]) : []
- if (old_cc.length > 0) {
- newSyncOptions["custom_cards"] = sync["custom_cards"];
- old_cc.forEach(id => {
- if (newSyncOptions["custom_cards"][id]["gr"] === undefined) newSyncOptions["custom_cards"][id]["gr"] = null;
- });
- }
- */
-
- // converting old links to new system REMOVE IN > 5.8.0
- /*
- try {
- let old_cc2 = sync["custom_cards_2"] ? Object.keys(sync["custom_cards_2"]) : [];
- if (old_cc2.length > 0) {
- newSyncOptions["custom_cards_2"] = sync["custom_cards_2"];
- // CHECK IF THE 5.7.3 SYSTEM STILL EXISTS
- old_cc2.forEach(id => {
- if (sync["custom_cards_2"][id] && sync["custom_cards_2"][id]["links"] && sync["custom_cards_2"][id]["links"]["custom"]) {
- let links = [
- { "is_default": true, "path": "default" },
- { "is_default": true, "path": "default" },
- { "is_default": true, "path": "default" },
- { "is_default": true, "path": "default" }
- ];
- for (let i = 0; i < sync["custom_cards_2"][id]["links"]["custom"].length; i++) {
- if (sync["custom_cards_2"][id]["links"]["custom"][i].default === false) {
- links[i].is_default = false;
- links[i].path = sync["custom_cards_2"][id]["links"]["custom"][i].path;
- }
- }
- newSyncOptions["custom_cards_2"][id]["links"] = links;
- // REMAP THE 5.7.6 SYSTEM TO REMOVE UNNECCESARY STUFF
- } else if (sync["custom_cards_2"][id] && sync["custom_cards_2"][id]["links"]) {
- newSyncOptions["custom_cards_2"][id]["links"] = sync["custom_cards_2"][id]["links"].map(link => { return { "is_default": link.is_default, "path": link.path } });
- }
- });
- }
- } catch (e) {
- console.log("ERROR CONVERTING OLD LINKS...");
- }
- /// end conversion
- */
-
- /*
- let preset = local["dark_preset"] || default_options["dark_preset"];
-
- // converting dark mode to new system REMOVE IN > 5.8.0
- if (local["dark_css"]) {
- try {
- const colors = local["dark_css"].split(":root{")[1].split("--bcstop:#000}")[0];
- colors.split(";").forEach(color => {
- const [key, code] = color.split(":");
- console.log(key, code, preset);
- switch (key) {
- case "--bcbackgrounddark0": preset["background-0"] = code; break;
- case "--bcbackgrounddark1": preset["background-1"] = code; preset["sidebar"] = code; break;
- case "--bcbackgrounddark2": preset["background-2"] = code; break;
- case "--bcbackgrounddark3": preset["borders"] = code; break;
- case "--bctextlight0": preset["text-0"] = code; preset["sidebar-text"] = code; break;
- case "--bctextlight1": preset["text-1"] = code; break;
- case "--bctextlight2": preset["text-2"] = code; break;
- case "--bctextlink": preset["links"] = code; break;
- }
- });
- } catch (e) {
- preset = default_options["dark_preset"];
- }
- local["dark_preset"] = preset;
-
- } else {
- console.log("no darkcss detected...");
- }
- */
- // end conversion
diff --git a/js/content.js b/js/content.js
index 2075f99..c2301d3 100644
--- a/js/content.js
+++ b/js/content.js
@@ -78,10 +78,117 @@ function getClassAverages() {
}
*/
+/*
+Todo Reminders
+*/
+
+const canvas_svg = `
`;
+
+async function insertReminders(reminders) {
+ const toAdd = [];
+ const storage = await chrome.storage.sync.get("reminders");
+ // overrides = if theres a item that needs to update, but already exists
+ let overrides = false;
+ for (const insert of reminders) {
+ let found = false;
+ for (let i = 0; i < storage["reminders"].length; i++) {
+ // check if item was recently submitted
+ if (insert.c === -1 && insert.h === storage["reminders"][i].h) {
+ overrides = true;
+ storage["reminders"][i] = insert;
+ } else if (insert.h === storage["reminders"][i].h) {
+ found = true;
+ }
+ }
+ if (found === false) toAdd.push(insert);
+ }
+ if (toAdd.length > 0 || overrides === true) chrome.storage.sync.set({ "reminders": [...storage["reminders"], ...toAdd] });
+}
+
+async function hideReminder(href) {
+ const storage = await chrome.storage.sync.get("reminders");
+
+ for (let i = 0; i < storage["reminders"].length; i++) {
+ if (storage["reminders"][i]["h"] === href) {
+ storage["reminders"][i]["c"]++;
+ chrome.storage.sync.set({ "reminders": storage["reminders"] });
+ break;
+ }
+ }
+}
+
+function createReminder(reminder, location) {
+ const remaining = getRelativeDate(new Date(reminder.d));
+ const wrapper = makeElement("div", location, { "className": "bettercanvas-reminder-wrapper" });
+ const container = makeElement("div", wrapper, { "className": "bettercanvas-reminder-container" });
+ const svg = makeElement("div", container, { "innerHTML": canvas_svg });
+ const content = makeElement("a", container, { "className": "bettercanvas-reminder-content", "href": reminder.h });
+ const title = makeElement("h2", content, { "className": "bettercanvas-reminder-title", "textContent": reminder.t });
+ const due = makeElement("p", content, { "className": "bettercanvas-reminder-due", "textContent": `Assignment due in ${remaining.time}` });
+ const hidebtn = makeElement("btn", wrapper, { "className": "bettercanvas-reminder-hide", "textContent": "x" });
+ hidebtn.addEventListener("click", () => {
+ hideReminder(reminder.h);
+ wrapper.remove();
+ });
+ return container;
+}
+
+async function reminderWatch() {
+ const sync = await chrome.storage.sync.get("remind");
+ if (sync["remind"] !== true) {
+ if (document.getElementById("bettercanvas-reminders")) document.getElementById("bettercanvas-reminders").style.display = "none";
+ return;
+ }
+ const container = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" });
+ container.style.display = "flex";
+ container.textContent = "";
+ const alertPeriod = 1000 * 60 * 60 * 6; // 6 hours
+ const alertPeriod2 = 1000 * 60 * 60 * 2; // 2 hours
+ const storage = await chrome.storage.sync.get(["reminders", "reminder_count"]);
+ const now = (new Date()).getTime();
+ storage["reminders"].forEach((reminder, index) => {
+ if (reminder.d < now) {
+ storage["reminders"].splice(index, 1);
+ } else if ((reminder.c == 0 && reminder.d < now + alertPeriod) || (reminder.c == 1 && reminder.d < now + alertPeriod2)) {
+ createReminder(reminder, container);
+ }
+ });
+ chrome.storage.sync.set({ "reminders": storage["reminders"] });
+}
+
+function updateReminders() {
+ const fiveDays = 1000 * 60 * 60 * 24 * 5;
+ const now = (new Date()).getTime();
+ const list = [];
+ assignments.then(data => {
+ data.forEach(item => {
+ const due = (new Date(item.plannable_date)).getTime();
+ if (item.plannable_type === "announcement") return;
+ if (due < now) return;
+ if (due > now + fiveDays * 2) return;
+ // { due, title, href, hide count }
+ // hide count of -1 indicates the item has a submission
+ list.push({ "d": due, "t": item.plannable.title, "h": domain + item.html_url, "c": item?.submissions?.submitted || false ? -1 : 0 });
+ });
+ insertReminders(list);
+ });
+}
+
+function showExampleReminder() {
+ const location = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" });
+ if (options.remind !== true) {
+ location.remove();
+ return;
+ }
+ location.textContent = "";
+ const example = createReminder({ "d": new Date(), "t": "This is an example reminder", }, location);
+ example.querySelector(".bettercanvas-reminder-due").textContent = "This notification will pop up in other pages to remind you of incomplete assignments that are due in less than 6 hours." /*It will notify again at 2 hours if the 'Remind 2x' option is on."*/;
+}
+
isDomainCanvasPage();
function isDomainCanvasPage() {
- chrome.storage.sync.get(['custom_domain', 'dark_mode', 'dark_preset', 'device_dark'], result => {
+ chrome.storage.sync.get(['custom_domain', 'dark_mode', 'dark_preset', 'device_dark', 'remind'], result => {
options = result;
if (result.custom_domain.length && result.custom_domain[0] !== "") {
for (let i = 0; i < result.custom_domain.length; i++) {
@@ -90,6 +197,16 @@ function isDomainCanvasPage() {
return;
}
}
+
+ // if the code reaches this point, its not a canvas page so run the reminders
+ setTimeout(reminderWatch, 2000);
+ setInterval(reminderWatch, 60000);
+ // turn the reminders on/off if the option is changed
+ chrome.storage.onChanged.addListener((changes) => {
+ Object.keys(changes).forEach(key => {
+ if (key === "remind") reminderWatch();
+ })
+ })
} else {
setupCustomURL();
}
@@ -107,6 +224,7 @@ function startExtension() {
loadCustomFont();
applyAestheticChanges();
changeFavicon();
+ updateReminders();
//getClassAverages();
setTimeout(() => runDarkModeFixer(false), 800);
setTimeout(() => runDarkModeFixer(false), 4500);
@@ -183,17 +301,14 @@ function applyOptionsChanges(changes) {
break;
case ("gpa_calc"):
case ("gpa_calc_prepend"):
+ case ("gpa_calc_weighted"):
+ case ("gpa_calc_cumulative"):
if (!grades) getGrades();
setupGPACalc();
break;
case ("gpa_calc_bounds"):
calculateGPA2();
break;
- /*
- case ("full_width"):
- changeFullWidth();
- break;
- */
case ("custom_font"):
loadCustomFont();
break;
@@ -207,6 +322,9 @@ function applyOptionsChanges(changes) {
case ("show_updates"):
showUpdateMsg();
break;
+ case ("remind"):
+ showExampleReminder();
+ break;
}
});
}
@@ -255,13 +373,13 @@ function checkDashboardReady() {
function recieveMessage(request, sender, sendResponse) {
switch (request.message) {
- case ("getCards"):
+ case ("getCards"):
if (options["card_method_dashboard"] === true) {
getCardsFromDashboard();
} else {
getCards();
- }
- sendResponse(true);
+ }
+ sendResponse(true);
break;
case ("setcolors"): changeColorPreset(request.options); sendResponse(true); break;
case ("getcolors"): sendResponse(getCardColors()); break;
@@ -365,34 +483,24 @@ function getCardsFromDashboard() {
dashboard_cards.forEach(card => {
const id = card.querySelector(".ic-DashboardCard__link").href.split("courses/")[1];
if (count >= (options["card_limit"] || 25)) return;
-
- if (!cards || !cards[id]) {
- console.log("adding to custom_cards");
+
+ if (!cards[id]) {
newCards = true;
cards[id] = { "default": card.querySelector(".ic-DashboardCard__header-subtitle").textContent.substring(0, 20), "name": "", "code": "", "img": "", "hidden": false, "weight": "regular", "credits": 1, "eid": 100000 - count, "gr": null };
- }
-
- if (!cards_2 || !cards_2[id]) {
- console.log("adding to custom_cards_2");
- newCards = true;
+
let links = [];
-
for (let i = 0; i < 4; i++) {
links.push({ "path": "default", "is_default": true });
}
-
cards_2[id] = { "links": links };
- }
-
- if (!cards_3 || !cards_3[id]) {
- console.log("adding to custom_cards_3");
- newCards = true;
+
cards_3[id] = { "url": domain };
}
count++;
});
- console.log(cards);
+ // there shouldn't be 0 cards
+ if (count === 0) return;
//delete cards that aren't on the dashboard anymore
Object.keys(cards).forEach(key => {
@@ -418,11 +526,12 @@ function getCardsFromDashboard() {
});
} catch (e) {
- console.log(e);
+ console.log("Error getting dashboard cards\n", e);
logError(e);
} finally {
+ if(newCards !== true) return;
console.log(newCards ? "new cards found" : "");
- return chrome.storage.sync.set(newCards ? { "custom_cards": cards, "custom_cards_2": cards_2, "custom_cards_3": cards_3 } : {});
+ chrome.storage.sync.set({ "custom_cards": cards, "custom_cards_2": cards_2, "custom_cards_3": cards_3 });
}
});
}
@@ -1084,7 +1193,7 @@ Dark mode
*/
function generateDarkModeCSS() {
- const darkmode_css = "#announcementWrapper>div>div,#breadcrumbs,#calendar-app .fc-agendaWeek-view .fc-body,#calendar-app .fc-event,#calendar-app .fc-month-view .fc-body,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-body,#calendar-drag-and-drop-container .fc-event,#calendar-drag-and-drop-container .fc-month-view .fc-body,#content-wrapper .user_content.not_design_tools h3,#context-list-holder,.bettercanvas-course-credit,#kl_banner,#kl_banner_left,#kl_banner_right,#kl_content_block_0,#kl_custom_block_0,#kl_custom_block_1,#kl_custom_block_2,#kl_readings p,#kl_wrapper_3,#kl_wrapper_3 .ic-Table,#kl_wrapper_3 .table,#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,#kl_wrapper_3.kl_colored_headings>div,#kl_wrapper_3.kl_colored_headings_box_left>div,#media_comment_maybe,#minical,#nav-tray-portal>span>span,#questions .group_top,#questions.assessing,#syllabus tr.date.date_passed td,#syllabus tr.date.date_passed th,#undated-events,#undated-events .event,.Day-styles__root,.EmptyDays-styles__root,.Grouping-styles__title,.Grouping-styles__title::after,.PlannerHeader-styles__root,.ac-result-container,.agenda-wrapper,.al-options,.bettercanvas-assignment-container,.bjXfh_daKB,.bjXfh_daKB span,.bottom-reply-with-box,.canvas-rce__skins--root,.ccWIh_bGBk,.closed-for-comments-discussions-v2__wrapper,.conversations .panel,.dCppM_ddES,.discussion-section h4,.discussion-section p,.discussion-section ul,.discussion_entry,.discussions-v2__container-image,.discussions-v2__placeholder,.dpCPB_caGd,.dropdown-menu,.dropdown-menu .divider,.even .slick-cell,.event-details,.fLzZc_bGBk,.form,.form-dialog .form-controls,.header-bar,.ic-Dashboard-header__layout,.ic-Dashboard-header__title,.ic-DashboardCard,.ic-DashboardCard__header_content,.ic-discussion-row,.ic-notification__content,.ig-list .ig-row.ig-row-empty,.instructure_file_link,.item-group-condensed .ig-header,.item-group-condensed .ig-row,.item-group-condensed .item-group-expandable,.item-group-container,.item-group-expandable .emptyMessage,.kl_image_round_white_border,.kl_image_white_border,.kl_mod_text,.message-list .messages>li,.module-sequence-footer .module-sequence-footer-content,.nav-icon,.outcomes-browser .outcomes-content,.outcomes-browser .outcomes-main,.outcomes-browser .outcomes-sidebar,.pages.show .page-title,.pagination ul>li>a,.pagination ul>li>span,.pinned-discussions-v2__wrapper,.popover,.question,.question_editing,.quiz-submission,.rubric_container .rubric_title,.submission-details-comments .comments,.submission-late-pill span,.submission-missing-pill span,.toolbarView .headerBar,.tox .tox-menubar,.tox .tox-split-button .tox-tbtn.tox-split-button__chevron,.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header,.ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-kyle-menu,.ui-tabs .ui-tabs-nav .kl_panel_heading.ui-state-default:not(.ui-tabs-active),.ui-tabs .ui-tabs-nav li.ui-state-hover,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li:hover,.ui-tabs .ui-tabs-panel,.ui-widget-content,.unpinned-discussions-v2__wrapper,.unpublished_courses_redesign .ic-DashboardCard__box__header,body,code,img.kl_image_round_white_border,img.kl_image_white_border,.bettercanvas-course-percent,pre,table.summary tbody th,table.summary td,.erWSf_bGBk,.fdyuz_bGBk,.eHzxc_bGBk,.dNoYT_bGBk,.fOyUs_fZwI, .fOyUs_kXoP,.tox .tox-edit-area__iframe,.dLyYq_bGBk,.quiz_comment,.discussion-entries .entry,.file-upload-submission,.ftPBL_bGBk:not(.ftPBL_bGiS),.ColorPicker__Container,#right_side .content_box,.jumbotron,.card,.ac-token,.error_box .error_text,table.seas-homepage-table,.with-left-side #left-side, .assignment-student-header,#calendar-list-holder, #other-calendars-list-holder, #undated-events,#left-side,.ic-app-course-menu.with-left-side #left-side.XOwIb_eLeB:not([aria-selected]):not([aria-disabled]):hover, .XOwIb_eLeB[aria-selected],span.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_cQFX.bDzpk_bZNM,.bettercanvas-todo-complete-btn,.bettercanvas-card-grade,div[style*='background-color: #fff'],div[style*='background: #fff'],div[style*='background-color: #ffffff'],div[style*='background: #ffffff'],span[style*='background-color: #fff'],span[style*='background: #fff'],#right_side div.comment,.fOyUs_dUgE, .fOyUs_bvKN,.css-1fwux0x-view--block,.css-1v8v5q1-optionItem,#comments-tray,.css-vxe90h-view--inlineBlock,.bettercanvas-todo-actions{background:var(--bcbackground-0)!important}#minical .fc-widget-content{border:1px solid var(--bcbackground-0)!important}#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle{border-top:3px solid var(--bcbackground-0)!important;border-bottom:3px solid var(--bcbackground-0)!important}#submit_file_button,span[style*='background-color: #fbeeb8'],.bettercanvas-todo-label{color:var(--bcbackground-0)!important}.eHQDY_dTxv{stroke:var(--bcbackground-0)!important}#calendar-app .fc-agendaWeek-view .fc-event,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-event,#context-list .context_list_context:hover,#google_docs_tree li.file:hover,#planner-today-btn,#questions.assessment_results .question .header,#syllabus tr.date.related td,#syllabus tr.date.related th,#syllabus tr.date.selected td,#syllabus tr.date.selected th,.Button,.ac-input-box,.agenda-day.agenda-today,.bettercanvas-assignment-container:hover,.btn,.discussion-reply-box,.discussions-v2__wrapper>span>span>span>span>button>span,.dropdown-menu li>a:focus,.dropdown-menu li>a:hover,.dropdown-submenu:hover>a,.ef-item-row:hover,.extension-linkpreview,.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_fZWR.bDzpk_qOas,.fc-event .fc-bg,.hypodivcalc,.ic-Table.ic-Table--striped tbody tr:nth-child(odd),.mini_calendar .day.has_event,.odd .slick-cell,.outcomes-browser .outcomes-toolbar,.question .header,.slick-header-column,.stream-details tr:hover,.stream_header:hover,.submission_attachment button>span,.tox .tox-menu,.tray-with-space-for-global-nav>div>span>form>button>span,.ui-button,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.uneditable-input,.yyQPt_cSXm,div.checkbox,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea,thead th,ul.outcome-level li.selected a,.eMdva_bgqc,.fQfxa_dqAF.fQfxa_buuG,div.form-column-right label:hover, div.overrides-column-right label:hover,.ic-tokeninput-input,.ic-tokens,.ic-tokeninput-list,.DyQTK_ddES,#gradebook_header,table.seas-homepage-table tr:nth-child(odd),#assignments-student-footer,.muted-notice,.kl_panels_wrapper .ui-accordion-header, .kl_wrapper .ui-accordion-header,.list-view a.active,#calendars-context-list .context_list_context:hover, #other-calendars-context-list .context_list_context:hover,.bettercanvas-todo-complete-btn:hover,.bettercanvas-custom-btn,.bettercanvas-skeleton-text,.bettercanvas-hover-preview,.bettercanvas-gpa-edit-btn,div[style*='background-color: rgb(229, 242, 248)'],div[style*='background-color: rgb(245, 245, 245)'],.css-7naoe-textInp,.css-7naoe-textInput__facade,#assignment_sort_order_select_menu,#course_select_menu,.css-1dn3ise-textInput__facade,.css-1veueey-textInput__facade,.bettercanvas-todo-action:hover{background:var(--bcbackground-1)!important}.ic-DashboardCard__placeholder-svg .ic-DashboardCard__placeholder-animates>*{fill:var(--bcbackground-1)!important}.bettercanvas-hover-preview::after{background:linear-gradient(0deg, var(--bcbackground-1) 50%, transparent)}#calendar-app .fc-month-view .fc-today,#calendar-drag-and-drop-container .fc-month-view .fc-today,#content-wrapper .user_content.not_design_tools table tbody tr:nth-child(even) td,#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1) i,.ajas-search-widget__btn--search,.alert-info,.discussion-section.alert .discussion-points,.discussion-section.alert .discussion-title,.extension-linkpreview:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,.ic-Table.ic-Table--hover-row tbody tr:hover,.ic-flash-error,.ic-flash-info,.ic-flash-success,.ic-flash-warning,.ig-list .ig-row:hover,.context_module_item.context_module_item_hover,.tox .tox-mbtn--active,.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),.tox .tox-split-button .tox-tbtn.tox-split-button__chevron:hover,.tox .tox-split-button:hover,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:hover,.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-hover,.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header,::-webkit-scrollbar-track,div.checkbox:hover,.gradebook-cell.grayed-out,.baylor-table tr:nth-of-type(2n + 1){background:var(--bcbuttons)!important}#kl_content_block_0 h3:nth-child(1),#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1),#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1),#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1),#kl_custom_block_2 h3:nth-child(1) i,#kl_wrapper_3.kl_colored_headings #kl_modules h3,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_emta h3:not(.ui-state-default),.ic-app-header__menu-list-link:focus,.kl_flex_column h4,.tox .tox-collection--list .tox-collection__item--enabled,ul.outcome-level li:focus,ul.outcome-level li:hover{background-color:var(--bcbuttons)!important}.eHQDY_dTxv{stroke:var(--bcbuttons)}.no-touch .ic-DashboardCard:hover{box-shadow:0 4px 10px rgb(0 0 0)!important}#calendar-drag-and-drop-container .fc-row .fc-content-skeleton td,#calendar-drag-and-drop-container .fc-row .fc-helper-skeleton td,.bettercanvas-course-credit,#kl_content_block_0,#kl_custom_block_0,#kl_custom_block_1,#kl_custom_block_2,#kl_wrapper_3.kl_colored_headings>div,#kl_wrapper_3.kl_colored_headings_box_left>div,#minical,#questions .group_bottom,#questions .group_top,#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group,#quiz_show .description.teacher-version,.Button,.Container__DueDateRow,.CourseImageSelector,.ac-input-box,.ac-result-container,.ajas-search-widget__form input,.btn,.calendar .fc-row .fc-content-skeleton td,.calendar .fc-row .fc-helper-skeleton td,.closed-for-comments-discussions-v2__wrapper,.discussion-entries .entry,.discussion-reply-box,.discussion_entry>.discussion-entry-reply-area,.discussions-v2__wrapper>span>span>span>span>button>span,.form-actions,.ic-flash-error,.ic-flash-info,.ic-flash-success,.ic-flash-warning,.ig-list .ig-row,.item-group-condensed .ig-header,.item-group-condensed .item-group-expandable,.mini-cal-header,.mini_calendar,.outcomes-browser .outcomes-main,.outcomes-browser .outcomes-toolbar,.panel-border,.pinned-discussions-v2__wrapper,.question,.question .header,.question_editing,.quiz-submission,.rubric_container td,.rubric_container th,.submission-details-container,.submission_attachment button>span,.table-bordered,.toolbarView .headerBar,.tray-with-space-for-global-nav>div>span>form>button>span,.ui-button,.uneditable-input,.unpinned-discussions-v2__wrapper,form.question_form .form_answers .answer,.bettercanvas-course-percent,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea,.fdyuz_bGBk,.tox .tox-edit-area,.quiz_comment,.ic-tokens,.ic-tokeninput-list,.DyQTK_ddES,.ac-token,.muted-notice,.ui-state-default, .ui-widget-header .ui-state-default,.ui-widget-content,.bettercanvas-custom-btn,.bettercanvas-gpa-edit-btn,.css-26xxi8-view--block,.css-9fqfm7-view--block,.bettercanvas-todo-actions{border:1px solid var(--bcborders)!important}#content-wrapper .user_content.not_design_tools table td,#content-wrapper .user_content.not_design_tools table th,table.seas-homepage-table,.avatar,.css-7naoe-textInput__facade,.css-1dn3ise-textInput__facade{border:2px solid var(--bcborders)!important}#course_select_menu,#assignment_sort_order_select_menu,#TextInput_0{border:none!important}#assignment_show .student-assignment-overview,#grades_summary th.title,#kl_wrapper_3.kl_colored_headings h4,#kl_wrapper_3.kl_colored_headings_box_left h4,#minical .fc-toolbar,#quiz_show ul#quiz_student_details,#right-side .h2,#right-side h2,.CompletedItemsFacade-styles__root,.Container__DueDateRow-item,.EmptyDays-styles__root,.PlannerItem-styles__root,.agenda-day,.blnAQ_kWwi,.container_0 .slick-cell,.container_1 .slick-cell,.conversations .panel,.course_details td,.dropdown-menu .divider,.ef-directory-header,.ef-header,.event-details-content,.event-details-footer,.event-details-header,.header-bar,.hr,.ic-Action-header.ic-Action-header--before-item-groups,.ic-Dashboard-header__layout,.ic-Table td,.ic-Table th,.ic-app-nav-toggle-and-crumbs,.item-group-condensed .ig-row,.message-detail.conversations__message-detail .message-content>li,.message-detail.conversations__message-detail .message-header,.message-detail.span8 .message-content>li,.message-detail.span8 .message-header,.message-list .messages>li,.nav_list li.disabled,.page-action-list a,.page-header,.quiz-header,.recent-activity-header,.recent_activity>li,.slick-header-column.ui-state-default,.submission-details-header__heading-and-grades,.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-dialog-titlebar.ui-widget-header,.unpublished_courses_redesign .ic-DashboardCard__box__header,legend,table.summary caption,table.summary tbody th,table.summary td,table.summary thead th,.communication_message,.file-upload-submission,.submission-details-header__heading-and-grades,#right_side .content_box,.assignment-student-header,.bettercanvas-gpa-course{border-bottom:1px solid var(--bcborders)!important}#planner-today-btn,.al-options,.border,.dpCPB_caGd,.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead,.qBMHb_cSXm,.tox .tox-collection--list .tox-collection__group,.tox .tox-menu,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover,.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,.ui-tabs .ui-tabs-nav li:hover,.ui-tabs .ui-tabs-panel,.fOyUs_dsNY, .fOyUs_tIxX,.fQfxa_dqAF.fQfxa_buuG,.question .question_comment.question_neutral_comment,#assignments-student-footer,.MyTable,#inbox-conversation-holder *{border-color:var(--bcborders)!important}.discussion-section.message_wrapper table{border:4px solid var(--bcborders)!important}.nav_list li.navitem{border:solid var(--bcborders)!important;border-width:0 1px 1px!important}#questions .assessment_question_bank,#questions .insufficient_count_warning,#questions .question_holder.group,.container_0 .slick-cell,.container_1 .slick-cell,.ef-main .ef-folder-content,.rubric_container .rubric_title,.slick-header-column.ui-state-default,.topic .entry-content,body.responsive_awareness .message-list-scroller,ul.outcome-level{border-right:1px solid var(--bcborders)!important}#questions .assessment_question_bank,#questions .insufficient_count_warning,#questions .question_holder.group,.container_0 .slick-cell:first-child,.container_0 .slick-header-column:first-child,.outcomes-browser .outcomes-content,.rubric_container .rubric_title,.table-bordered td,.table-bordered th,.topic .entry-content,.submission-details-comments .comments{border-left:1px solid var(--bcborders)!important}#assignment_show .student-assignment-overview,#grades_summary tr.final_grade,#quiz_show ul#quiz_student_details,.discussion-entries .entry .entry,.ef-footer,.entry>.bottom-reply-with-box .discussion-entry-reply-area,.form-dialog .form-controls,.ic-app-footer,.module-sequence-footer .module-sequence-footer-content,.question.matching_question .answer,.question.multiple_answers_question .answer,.question.multiple_choice_question .answer,.question.true_false_question .answer,.rubric_container .rubric_title,.slick-header-column.ui-state-default,.table td,.table th,.dNoYT_bGBk{border-top:1px solid var(--bcborders)!important}.discussions-v2__container-image{border:.125rem dashed var(--bcborders)!important}.Button--active.ui-button,.Button.Button--active,.Button.active,.active.ui-button,.btn.Button--active,.btn.active,.btn.ui-button.ui-state-active,.message-list .message-count,.mini_calendar .day.today,.ui-button.ui-state-active,.ui-button.ui-state-active.ui-state-hover,.ui-button.ui-state-active:hover,.ui-progressbar .btn.ui-button.ui-widget-header,.ui-progressbar .ui-button.ui-widget-header,::-webkit-scrollbar-thumb,.ic-unread-badge__total-count,#calendar-app .fc-month-view .fc-today{background:var(--bcbackground-2)!important}.discussion-entries .entry .entry,.kl_image_white_border{border:0!important}.ac-result-wrapper:before{border-bottom:10px solid var(--bcborders)}.eIQkd_bGBk,.ui-tabs .ui-tabs-nav,.eHzxc_bGBk,.quiz_comment:after,.quiz_comment:before{border-bottom-color:var(--bcborders)!important}.ic-item-row{box-shadow:0 -1px var(--bcborders),inset 0 -1px var(--bcborders)!important}#GradeSummarySelectMenuGroup span,#kl_content_block_0 h3:nth-child(1),#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1),#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1),#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1),#kl_custom_block_2 h3:nth-child(1) i,#kl_wrapper_3.kl_colored_headings #kl_modules h3,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_emta h3:not(.ui-state-default),.bettercanvas-card-grade,.bettercanvas-card-header,.discussion-fyi,.ic-DashboardCard__action-badge,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text,.ig-list .ig-row,.kl_flex_column h4,.menu-item__badge,.mini_calendar .day.other_month,.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.bettercanvas-course-percent,.bettercanvas-todo-container,.bettercanvas-todo-container:hover,.MlJlv_ebWM,.bettercanvas-todo-item,.bettercanvas-todo-item:hover,.bettercanvas-hover-preview,.baylorMainContainer,.baylor-table td,.fOyUs_dUgE, .fOyUs_bvKN,.muted,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,blockquote small,.css-1v8v5q1-optionItem,.Button,button,.btn,h1,h2,h3,h4,h5,h6,#tinymce,.PlannerItem-styles__type > span,.bettercanvas-todo-actions{color:var(--bctext-0)!important}.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg,.ToDoSidebarItem__Icon,.bettercanvas-todo-svg{fill:var(--bctext-0)!important}.ic-avatar{border:2px solid var(--bctext-0)!important}#breadcrumbs>ul>li+li:last-of-type a,#calendar-app .fc-agendaWeek-view .fc-axis,#calendar-app .fc-agendaWeek-view .fc-widget-header,#calendar-app .fc-month-view .fc-widget-header,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-axis,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-widget-header,#calendar-drag-and-drop-container .fc-month-view .fc-widget-header,#content-wrapper .user_content.not_design_tools h3,.bettercanvas-course-credit,#kl_banner,#kl_banner h2,#kl_banner_left,#kl_banner_right,#kl_custom_block_0,#kl_readings p,#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings h4,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left h4,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_emta,#minical .fc-toolbar .h2,#minical .fc-toolbar h2,#minical .fc-widget-content,#nav-tray-portal>span>span>div>div>.navigation-tray-container.courses-tray>.tray-with-space-for-global-nav>div>ul>li>div,#right-side .details .header,#right-side .right-side-list li em,#right-side .right-side-list li p,.Day-styles__root h2,.EmptyDays-styles__root,.HwBsD_blJt,.HwBsD_fqzO,.MlJlv_dnnz,.PlannerItem-styles__due,.PlannerItem-styles__score,.ToDoSidebarItem__Info,.ToDoSidebarItem__Info li,.ac-input-box,.accessible-toggler,.bettercanvas-assignment-container,.bettercanvas-assignment-container:hover,.bjXfh_daKB,.bjXfh_daKB span,.cWmNi_bGBk,.ccWIh_bGBk,.close,.comment_list .comment,.discussion-points,.discussion-pubdate,.discussion-rate-action,.discussion-reply-action,.discussion-section h4,.discussion-section p,.discussion-section ul,.discussion-tododate,.discussions-v2__container-image>span>div,.dropdown-menu li>a,.ef-plain-link,.ef-plain-link:hover,.enRcg_bGBk.enRcg_qFsi,.entry-content span,.esvoZ_drOs,.event-details-timestring,.extension-ac a:hover,.extension-linkpreview,.fCrpb_egrg,.fCrpb_egrg.fCrpb_fVUh,.fNHEA_blJt,.fQfxa_bCUx.fQfxa_buuG,.fc-agendaWeek-view .fc-event-container a[class*=group_] .fc-content .fc-time,.fc-event,.fc-event:hover,.fwfoD_fsuY,.header-row a.sort-field-active i,.hypodivcalc,.ic-Dashboard-header__title,.ic-DashboardCard__header-subtitle,.ic-DashboardCard__header-term,.ic-discussion-content-container,.ig-header .name,.ig-list .ig-row a.ig-title,.ig-type-icon,.item-group-condensed .ig-header,.item-group-expandable .emptyMessage,.jpyTq_bGBk,.kl_mod_text,.kl_readings span,.list-view a.active,.message-detail.conversations__message-detail .no-messages,.message-detail.span8 .no-messages,.message-list .author,.message-list .subject,.message.user_content div,.mini-cal-header,.mini_calendar .day,.nav-icon,.nav_list li.navitem,.ofhgV_ddES,.pages.show .page-title,.planner-day,.standalone-icon:before,.submission_attachment button>span,.tox .tox-collection__item,.tox .tox-insert-table-picker__label,.tray-with-space-for-global-nav>div>span>form>button>span,.tree i[class*=icon-],.tree i[class^=icon-],.ui-button,.ui-state-default,.ui-tabs .ui-tabs-nav li a,.ui-widget .fc-event,.ui-widget-content,.ui-widget-header .ui-state-default,.uneditable-input,.user_content.enhanced,.user_content,.user_content.enhanced p,body,code,input.enRcg_bGBk[type].enRcg_qFsi,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],label.fCrpb_egrg,legend,pre,select,textarea,ul#question_list li i, .enRcg_bGBk.enRcg_bLsb, input.enRcg_bGBk[type].enRcg_bLsb,.erWSf_bGBk,.faJyW_blJt,.eMdva_bgqc,#right-side p.email_channel,.dpCPB_caGd,.XOwIb_ddES,.fdyuz_bGBk,.fOyUs_fZwI, .fOyUs_kXoP,.fQfxa_dqAF.fQfxa_buuG,.communication_message .header .header_title .title,.communication_message .header .header_title .sub_title,.ic-tokens,ic-tokeninput-input,.ftPBL_cuDj,.dUOHu_eCSh,.blnAQ_eCSh,#gradebook_header,.bettercanvas-assignment-link,.bettercanvas-assignment-link:hover,.jumbotron,.card,.ac-token,span[style='color: #000000;'],.bettercanvas-gpa-edit-btn{color:var(--bctext-1)!important}.list-view a.active{border-left:2px solid var(--bclinks)!important}.ToDoSidebarItem svg,.discussions-v2__wrapper>span>span>span>span>button>span>span>svg,.ic-DashboardCard__action-layout svg,.tox .tox-split-button__chevron svg,.tox .tox-tbtn svg,.tox .tox-tbtn svg g,.tox .tox-tbtn svg path{fill:var(--bctext-1)!important}.caret{border-top:4px solid var(--bctext-1)!important}#last_saved_indicator,#minical .fc-other-month,#nav_disabled_list li.navitem,.ToDoSidebarItem__Info>span,.extension-aldue,.ic-item-row__meta-content-timestamp p,.ig-list .icon-drag-handle,.ig-list .ig-row .ig-empty-msg,.message-detail.conversations__message-detail .date,.message-detail.conversations__message-detail .user-info .context,.message-detail.span8 .date,.message-detail.span8 .user-info .context,.message-list .summary,.profile_table .data_description,.question .header .question_points_holder,.student_assignment .context,.tox .tox-collection__item-accessory,.yyQPt_blJt,ul#question_list.read_only li.seen,ul#question_list li.current_question,.css-1sr6v3o-text{color:var(--bctext-2)!important}#content-wrapper .user_content.not_design_tools a,#media_comment_maybe,#nav-tray-portal a,.ToDoSidebarItem__Title a,.message-list .date,a,a:focus,a:hover,.fQfxa_bCUx.fQfxa_eCSh,.fake-link,.no-touch .ic-DashboardCard__action:hover,.enRcg_bGBk.enRcg_fpfC, input.enRcg_bGBk[type].enRcg_fpfC{color:var(--bclinks)!important}#minical .fc-bg .fc-state-highlight,#submit_file_button,.StickyButton-styles__root,.ic-DashboardCard__action-badge,.menu-item__badge,ul.outcome-level li.selected a::before,.eMdva_pypk .eMdva_dnnz,.ic-notification__icon,.fQfxa_dqAF.fQfxa_eCSh,.recent_activity>li .unread-count,.recent_activity>li .unread.message-list .read-state:before,.eMdva_pypk .eMdva_dnnz,.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),.nav-badge,.message-list .read-state:before,.ic-unread-badge,.cECYn_bXiG,.unread-grade,.bettercanvas-todo-label{background:var(--bclinks)!important}.eHQDY_ddES .eHQDY_eWAY{stroke:var(--bclinks)!important}.message-list .messages>li:hover{box-shadow:inset -4px 0 0 var(--bclinks)!important}.agenda-event__item-container:focus,.agenda-event__item-container:hover{box-shadow:inset 3px 0 0 var(--bclinks)}#calendar-app .fc-agendaWeek-view .fc-day-grid .fc-today,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-day-grid .fc-today{box-shadow:.5px -6px 0 0 var(--bclinks)}.message-list .read-state.read:before{box-shadow:0 0 0 1px var(--bclinks)}#minical .event::after{border:1px solid var(--bclinks)}.ic-notification{border:2px solid var(--bclinks)!important}.eMdva_pypk,.tox .tox-edit-area.active, .tox .tox-edit-area.active iframe,.emSEn_QUBp:hover{border-color:var(--bclinks)!important}.eHQDY_ddES .eHQDY_eWAY{stroke:var(--bclinks)}.ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus{box-shadow:0 0 0 2px var(--bclinks)}select.ic-Input:focus, textarea.ic-Input:focus, input[type=text].ic-Input:focus, input[type=password].ic-Input:focus, input[type=datetime].ic-Input:focus, input[type=datetime-local].ic-Input:focus, input[type=date].ic-Input:focus, input[type=month].ic-Input:focus, input[type=time].ic-Input:focus, input[type=week].ic-Input:focus, input[type=number].ic-Input:focus, input[type=email].ic-Input:focus, input[type=url].ic-Input:focus, input[type=search].ic-Input:focus, input[type=tel].ic-Input:focus, input[type=color].ic-Input:focus, .uneditable-input.ic-Input:focus{outline-color:var(--bclinks)}.discussion-section.message_wrapper table{border:4px solid red!important}.extension-linkpreview,.hypodivcalc,.kl_shadow_2,.kl_shadow_b2,.tox .tox-split-button:hover{box-shadow:none!important}#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i{border:none!important}.extension-aldue:hover,.ic-DashboardCard,.navigation-tray-container,.bettercanvas-gpa-card{box-shadow:0 2px 5px #00000080!important}::-webkit-scrollbar{width:15px}.ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-dialog .ui-dialog-buttonpane,hr{border-top:none!important}#right-side .shared-space h2{border-bottom-style:none!important}#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1) i{border:0!important}.ig-header .name{text-shadow:none!important}#right-side .events_list .event-details:after,#right-side .events_list .todo-details:after,#right-side .to-do-list .event-details:after,#right-side .to-do-list .todo-details:after{display:none!important},.muted-notice{background-image:none!important}.message-list .read-state.read:before{background:none!important}.ic-DashboardCard__header-button,.ic-app-header__secondary-navigation{background:none!important;border:none!important}.published-status.published .icon-publish::before{color:#0b874b!important}.ic-app-header{background:var(--bcsidebar)!important}.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link, .ic-app-header__menu-list-link:hover{background:#0000004f!important}.ic-app-header__logomark-container{background:none!important}.ic-app-header__menu-list-link svg,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg{fill:var(--bcsidebar-text)!important}.menu-item-icon-container,.ic-app-header__menu-list-link .menu-item__text,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text{color:var(--bcsidebar-text)!important}";
+ const darkmode_css = "#announcementWrapper>div>div,#breadcrumbs,#calendar-app .fc-agendaWeek-view .fc-body,#calendar-app .fc-event,#calendar-app .fc-month-view .fc-body,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-body,#calendar-drag-and-drop-container .fc-event,#calendar-drag-and-drop-container .fc-month-view .fc-body,#content-wrapper .user_content.not_design_tools h3,#context-list-holder,.bettercanvas-course-credit,#kl_banner,#kl_banner_left,#kl_banner_right,#kl_content_block_0,#kl_custom_block_0,#kl_custom_block_1,#kl_custom_block_2,#kl_readings p,#kl_wrapper_3,#kl_wrapper_3 .ic-Table,#kl_wrapper_3 .table,#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,#kl_wrapper_3.kl_colored_headings>div,#kl_wrapper_3.kl_colored_headings_box_left>div,#media_comment_maybe,#minical,#nav-tray-portal>span>span,#questions .group_top,#questions.assessing,#syllabus tr.date.date_passed td,#syllabus tr.date.date_passed th,#undated-events,#undated-events .event,.Day-styles__root,.EmptyDays-styles__root,.Grouping-styles__title,.Grouping-styles__title::after,.PlannerHeader-styles__root,.ac-result-container,.agenda-wrapper,.al-options,.bettercanvas-assignment-container,.bjXfh_daKB,.bjXfh_daKB span,.bottom-reply-with-box,.canvas-rce__skins--root,.ccWIh_bGBk,.closed-for-comments-discussions-v2__wrapper,.conversations .panel,.dCppM_ddES,.discussion-section h4,.discussion-section p,.discussion-section ul,.discussion_entry,.discussions-v2__container-image,.discussions-v2__placeholder,.dpCPB_caGd,.dropdown-menu,.dropdown-menu .divider,.even .slick-cell,.event-details,.fLzZc_bGBk,.form,.form-dialog .form-controls,.header-bar,.ic-Dashboard-header__layout,.ic-Dashboard-header__title,.ic-DashboardCard,.ic-DashboardCard__header_content,.ic-discussion-row,.ic-notification__content,.ig-list .ig-row.ig-row-empty,.instructure_file_link,.item-group-condensed .ig-header,.item-group-condensed .ig-row,.item-group-condensed .item-group-expandable,.item-group-container,.item-group-expandable .emptyMessage,.kl_image_round_white_border,.kl_image_white_border,.kl_mod_text,.message-list .messages>li,.module-sequence-footer .module-sequence-footer-content,.nav-icon,.outcomes-browser .outcomes-content,.outcomes-browser .outcomes-main,.outcomes-browser .outcomes-sidebar,.pages.show .page-title,.pagination ul>li>a,.pagination ul>li>span,.pinned-discussions-v2__wrapper,.popover,.question,.question_editing,.quiz-submission,.rubric_container .rubric_title,.submission-details-comments .comments,.submission-late-pill span,.submission-missing-pill span,.toolbarView .headerBar,.tox .tox-menubar,.tox .tox-split-button .tox-tbtn.tox-split-button__chevron,.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header,.ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-kyle-menu,.ui-tabs .ui-tabs-nav .kl_panel_heading.ui-state-default:not(.ui-tabs-active),.ui-tabs .ui-tabs-nav li.ui-state-hover,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li:hover,.ui-tabs .ui-tabs-panel,.ui-widget-content,.unpinned-discussions-v2__wrapper,.unpublished_courses_redesign .ic-DashboardCard__box__header,body,code,img.kl_image_round_white_border,img.kl_image_white_border,.bettercanvas-course-percent,pre,table.summary tbody th,table.summary td,.erWSf_bGBk,.fdyuz_bGBk,.eHzxc_bGBk,.dNoYT_bGBk,.fOyUs_fZwI, .fOyUs_kXoP,.tox .tox-edit-area__iframe,.dLyYq_bGBk,.quiz_comment,.discussion-entries .entry,.file-upload-submission,.ftPBL_bGBk:not(.ftPBL_bGiS),.ColorPicker__Container,#right_side .content_box,.jumbotron,.card,.ac-token,.error_box .error_text,table.seas-homepage-table,.with-left-side #left-side, .assignment-student-header,#calendar-list-holder, #other-calendars-list-holder, #undated-events,#left-side,.ic-app-course-menu.with-left-side #left-side.XOwIb_eLeB:not([aria-selected]):not([aria-disabled]):hover, .XOwIb_eLeB[aria-selected],span.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_cQFX.bDzpk_bZNM,.bettercanvas-todo-complete-btn,.bettercanvas-card-grade,div[style*='background-color: #fff'],div[style*='background: #fff'],div[style*='background-color: #ffffff'],div[style*='background: #ffffff'],span[style*='background-color: #fff'],span[style*='background: #fff'],#right_side div.comment,.fOyUs_dUgE, .fOyUs_bvKN,.css-1fwux0x-view--block,.css-1v8v5q1-optionItem,#comments-tray,.css-vxe90h-view--inlineBlock,.bettercanvas-todo-actions{background:var(--bcbackground-0)!important}#minical .fc-widget-content{border:1px solid var(--bcbackground-0)!important}#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle{border-top:3px solid var(--bcbackground-0)!important;border-bottom:3px solid var(--bcbackground-0)!important}#submit_file_button,span[style*='background-color: #fbeeb8'],.bettercanvas-todo-label{color:var(--bcbackground-0)!important}.eHQDY_dTxv{stroke:var(--bcbackground-0)!important}#calendar-app .fc-agendaWeek-view .fc-event,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-event,#context-list .context_list_context:hover,#google_docs_tree li.file:hover,#planner-today-btn,#questions.assessment_results .question .header,#syllabus tr.date.related td,#syllabus tr.date.related th,#syllabus tr.date.selected td,#syllabus tr.date.selected th,.Button,.ac-input-box,.agenda-day.agenda-today,.bettercanvas-assignment-container:hover,.btn,.discussion-reply-box,.discussions-v2__wrapper>span>span>span>span>button>span,.dropdown-menu li>a:focus,.dropdown-menu li>a:hover,.dropdown-submenu:hover>a,.ef-item-row:hover,.extension-linkpreview,.fOyUs_bGBk.fOyUs_desw.bDzpk_bGBk.bDzpk_busO.bDzpk_fZWR.bDzpk_qOas,.fc-event .fc-bg,.hypodivcalc,.ic-Table.ic-Table--striped tbody tr:nth-child(odd),.mini_calendar .day.has_event,.odd .slick-cell,.outcomes-browser .outcomes-toolbar,.question .header,.slick-header-column,.stream-details tr:hover,.stream_header:hover,.submission_attachment button>span,.tox .tox-menu,.tray-with-space-for-global-nav>div>span>form>button>span,.ui-button,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.uneditable-input,.yyQPt_cSXm,div.checkbox,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea,thead th,ul.outcome-level li.selected a,.eMdva_bgqc,.fQfxa_dqAF.fQfxa_buuG,div.form-column-right label:hover, div.overrides-column-right label:hover,.ic-tokeninput-input,.ic-tokens,.ic-tokeninput-list,.DyQTK_ddES,#gradebook_header,table.seas-homepage-table tr:nth-child(odd),#assignments-student-footer,.muted-notice,.kl_panels_wrapper .ui-accordion-header, .kl_wrapper .ui-accordion-header,.list-view a.active,#calendars-context-list .context_list_context:hover, #other-calendars-context-list .context_list_context:hover,.bettercanvas-todo-complete-btn:hover,.bettercanvas-custom-btn,.bettercanvas-skeleton-text,.bettercanvas-hover-preview,.bettercanvas-gpa-edit-btn,div[style*='background-color: rgb(229, 242, 248)'],div[style*='background-color: rgb(245, 245, 245)'],.css-7naoe-textInp,.css-7naoe-textInput__facade,#assignment_sort_order_select_menu,#course_select_menu,.css-1dn3ise-textInput__facade,.css-1veueey-textInput__facade,.bettercanvas-todo-action:hover{background:var(--bcbackground-1)!important}.ic-DashboardCard__placeholder-svg .ic-DashboardCard__placeholder-animates>*{fill:var(--bcbackground-1)!important}.bettercanvas-hover-preview::after{background:linear-gradient(0deg, var(--bcbackground-1) 50%, transparent)}#calendar-app .fc-month-view .fc-today,#calendar-drag-and-drop-container .fc-month-view .fc-today,#content-wrapper .user_content.not_design_tools table tbody tr:nth-child(even) td,#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1) i,.ajas-search-widget__btn--search,.alert-info,.discussion-section.alert .discussion-points,.discussion-section.alert .discussion-title,.extension-linkpreview:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,.ic-Table.ic-Table--hover-row tbody tr:hover,.ic-flash-error,.ic-flash-info,.ic-flash-success,.ic-flash-warning,.ig-list .ig-row:hover,.context_module_item.context_module_item_hover,.tox .tox-mbtn--active,.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),.tox .tox-split-button .tox-tbtn.tox-split-button__chevron:hover,.tox .tox-split-button:hover,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:hover,.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-hover,.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header,::-webkit-scrollbar-track,div.checkbox:hover,.gradebook-cell.grayed-out,.baylor-table tr:nth-of-type(2n + 1){background:var(--bcbuttons)!important}#kl_content_block_0 h3:nth-child(1),#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1),#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1),#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1),#kl_custom_block_2 h3:nth-child(1) i,#kl_wrapper_3.kl_colored_headings #kl_modules h3,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_emta h3:not(.ui-state-default),.ic-app-header__menu-list-link:focus,.kl_flex_column h4,.tox .tox-collection--list .tox-collection__item--enabled,ul.outcome-level li:focus,ul.outcome-level li:hover{background-color:var(--bcbuttons)!important}.eHQDY_dTxv{stroke:var(--bcbuttons)}.no-touch .ic-DashboardCard:hover{box-shadow:0 4px 10px rgb(0 0 0)!important}#calendar-drag-and-drop-container .fc-row .fc-content-skeleton td,#calendar-drag-and-drop-container .fc-row .fc-helper-skeleton td,.bettercanvas-course-credit,#kl_content_block_0,#kl_custom_block_0,#kl_custom_block_1,#kl_custom_block_2,#kl_wrapper_3.kl_colored_headings>div,#kl_wrapper_3.kl_colored_headings_box_left>div,#minical,#questions .group_bottom,#questions .group_top,#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group,#quiz_show .description.teacher-version,.Button,.Container__DueDateRow,.CourseImageSelector,.ac-input-box,.ac-result-container,.ajas-search-widget__form input,.btn,.calendar .fc-row .fc-content-skeleton td,.calendar .fc-row .fc-helper-skeleton td,.closed-for-comments-discussions-v2__wrapper,.discussion-entries .entry,.discussion-reply-box,.discussion_entry>.discussion-entry-reply-area,.discussions-v2__wrapper>span>span>span>span>button>span,.form-actions,.ic-flash-error,.ic-flash-info,.ic-flash-success,.ic-flash-warning,.ig-list .ig-row,.item-group-condensed .ig-header,.item-group-condensed .item-group-expandable,.mini-cal-header,.mini_calendar,.outcomes-browser .outcomes-main,.outcomes-browser .outcomes-toolbar,.panel-border,.pinned-discussions-v2__wrapper,.question,.question .header,.question_editing,.quiz-submission,.rubric_container td,.rubric_container th,.submission-details-container,.submission_attachment button>span,.table-bordered,.toolbarView .headerBar,.tray-with-space-for-global-nav>div>span>form>button>span,.ui-button,.uneditable-input,.unpinned-discussions-v2__wrapper,form.question_form .form_answers .answer,.bettercanvas-course-percent,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea,.fdyuz_bGBk,.tox .tox-edit-area,.quiz_comment,.ic-tokens,.ic-tokeninput-list,.DyQTK_ddES,.ac-token,.muted-notice,.ui-state-default, .ui-widget-header .ui-state-default,.ui-widget-content,.bettercanvas-custom-btn,.bettercanvas-gpa-edit-btn,.css-26xxi8-view--block,.css-9fqfm7-view--block,.bettercanvas-todo-actions{border:1px solid var(--bcborders)!important}#content-wrapper .user_content.not_design_tools table td,#content-wrapper .user_content.not_design_tools table th,table.seas-homepage-table,.avatar,.css-7naoe-textInput__facade,.css-1dn3ise-textInput__facade{border:2px solid var(--bcborders)!important}#course_select_menu,#assignment_sort_order_select_menu,#TextInput_0{border:none!important}#assignment_show .student-assignment-overview,#grades_summary th.title,#kl_wrapper_3.kl_colored_headings h4,#kl_wrapper_3.kl_colored_headings_box_left h4,#minical .fc-toolbar,#quiz_show ul#quiz_student_details,#right-side .h2,#right-side h2,.CompletedItemsFacade-styles__root,.Container__DueDateRow-item,.EmptyDays-styles__root,.PlannerItem-styles__root,.agenda-day,.blnAQ_kWwi,.container_0 .slick-cell,.container_1 .slick-cell,.conversations .panel,.course_details td,.dropdown-menu .divider,.ef-directory-header,.ef-header,.event-details-content,.event-details-footer,.event-details-header,.header-bar,.hr,.ic-Action-header.ic-Action-header--before-item-groups,.ic-Dashboard-header__layout,.ic-Table td,.ic-Table th,.ic-app-nav-toggle-and-crumbs,.item-group-condensed .ig-row,.message-detail.conversations__message-detail .message-content>li,.message-detail.conversations__message-detail .message-header,.message-detail.span8 .message-content>li,.message-detail.span8 .message-header,.message-list .messages>li,.nav_list li.disabled,.page-action-list a,.page-header,.quiz-header,.recent-activity-header,.recent_activity>li,.slick-header-column.ui-state-default,.submission-details-header__heading-and-grades,.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,.ui-dialog .ui-dialog-titlebar.ui-widget-header,.unpublished_courses_redesign .ic-DashboardCard__box__header,legend,table.summary caption,table.summary tbody th,table.summary td,table.summary thead th,.communication_message,.file-upload-submission,.submission-details-header__heading-and-grades,#right_side .content_box,.assignment-student-header,.bettercanvas-gpa-course{border-bottom:1px solid var(--bcborders)!important}#planner-today-btn,.al-options,.border,.dpCPB_caGd,.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead,.qBMHb_cSXm,.tox .tox-collection--list .tox-collection__group,.tox .tox-menu,.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover,.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover,.ui-tabs .ui-tabs-nav li:hover,.ui-tabs .ui-tabs-panel,.fOyUs_dsNY, .fOyUs_tIxX,.fQfxa_dqAF.fQfxa_buuG,.question .question_comment.question_neutral_comment,#assignments-student-footer,.MyTable,#inbox-conversation-holder *{border-color:var(--bcborders)!important}.discussion-section.message_wrapper table{border:4px solid var(--bcborders)!important}.nav_list li.navitem{border:solid var(--bcborders)!important;border-width:0 1px 1px!important}#questions .assessment_question_bank,#questions .insufficient_count_warning,#questions .question_holder.group,.container_0 .slick-cell,.container_1 .slick-cell,.ef-main .ef-folder-content,.rubric_container .rubric_title,.slick-header-column.ui-state-default,.topic .entry-content,body.responsive_awareness .message-list-scroller,ul.outcome-level{border-right:1px solid var(--bcborders)!important}#questions .assessment_question_bank,#questions .insufficient_count_warning,#questions .question_holder.group,.container_0 .slick-cell:first-child,.container_0 .slick-header-column:first-child,.outcomes-browser .outcomes-content,.rubric_container .rubric_title,.table-bordered td,.table-bordered th,.topic .entry-content,.submission-details-comments .comments{border-left:1px solid var(--bcborders)!important}#assignment_show .student-assignment-overview,#grades_summary tr.final_grade,#quiz_show ul#quiz_student_details,.discussion-entries .entry .entry,.ef-footer,.entry>.bottom-reply-with-box .discussion-entry-reply-area,.form-dialog .form-controls,.ic-app-footer,.module-sequence-footer .module-sequence-footer-content,.question.matching_question .answer,.question.multiple_answers_question .answer,.question.multiple_choice_question .answer,.question.true_false_question .answer,.rubric_container .rubric_title,.slick-header-column.ui-state-default,.table td,.table th,.dNoYT_bGBk{border-top:1px solid var(--bcborders)!important}.discussions-v2__container-image{border:.125rem dashed var(--bcborders)!important}.Button--active.ui-button,.Button.Button--active,.Button.active,.active.ui-button,.btn.Button--active,.btn.active,.btn.ui-button.ui-state-active,.message-list .message-count,.mini_calendar .day.today,.ui-button.ui-state-active,.ui-button.ui-state-active.ui-state-hover,.ui-button.ui-state-active:hover,.ui-progressbar .btn.ui-button.ui-widget-header,.ui-progressbar .ui-button.ui-widget-header,::-webkit-scrollbar-thumb,.ic-unread-badge__total-count,#calendar-app .fc-month-view .fc-today{background:var(--bcbackground-2)!important}.discussion-entries .entry .entry,.kl_image_white_border{border:0!important}.ac-result-wrapper:before{border-bottom:10px solid var(--bcborders)}.eIQkd_bGBk,.ui-tabs .ui-tabs-nav,.eHzxc_bGBk,.quiz_comment:after,.quiz_comment:before{border-bottom-color:var(--bcborders)!important}.ic-item-row{box-shadow:0 -1px var(--bcborders),inset 0 -1px var(--bcborders)!important}#GradeSummarySelectMenuGroup span,#kl_content_block_0 h3:nth-child(1),#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1),#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1),#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1),#kl_custom_block_2 h3:nth-child(1) i,#kl_wrapper_3.kl_colored_headings #kl_modules h3,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3:not(.ui-state-default),#kl_wrapper_3.kl_emta h3:not(.ui-state-default),.bettercanvas-card-grade,.bettercanvas-card-header,.discussion-fyi,.ic-DashboardCard__action-badge,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text,.ig-list .ig-row,.kl_flex_column h4,.menu-item__badge,.mini_calendar .day.other_month,.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.bettercanvas-course-percent,.bettercanvas-todo-container,.bettercanvas-todo-container:hover,.MlJlv_ebWM,.bettercanvas-todo-item,.bettercanvas-todo-item:hover,.bettercanvas-hover-preview,.baylorMainContainer,.baylor-table td,.fOyUs_dUgE, .fOyUs_bvKN,.muted,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,blockquote small,.css-1v8v5q1-optionItem,.Button,button,.btn,h1,h2,h3,h4,h5,h6,#tinymce,.PlannerItem-styles__type > span,.bettercanvas-todo-actions{color:var(--bctext-0)!important}.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg,.ToDoSidebarItem__Icon,.bettercanvas-todo-svg{fill:var(--bctext-0)!important}.ic-avatar{border:2px solid var(--bctext-0)!important}#breadcrumbs>ul>li+li:last-of-type a,#calendar-app .fc-agendaWeek-view .fc-axis,#calendar-app .fc-agendaWeek-view .fc-widget-header,#calendar-app .fc-month-view .fc-widget-header,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-axis,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-widget-header,#calendar-drag-and-drop-container .fc-month-view .fc-widget-header,#content-wrapper .user_content.not_design_tools h3,.bettercanvas-course-credit,#kl_banner,#kl_banner h2,#kl_banner_left,#kl_banner_right,#kl_custom_block_0,#kl_readings p,#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left,#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings h4,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left h4,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i,#kl_wrapper_3.kl_emta,#minical .fc-toolbar .h2,#minical .fc-toolbar h2,#minical .fc-widget-content,#nav-tray-portal>span>span>div>div>.navigation-tray-container.courses-tray>.tray-with-space-for-global-nav>div>ul>li>div,#right-side .details .header,#right-side .right-side-list li em,#right-side .right-side-list li p,.Day-styles__root h2,.EmptyDays-styles__root,.HwBsD_blJt,.HwBsD_fqzO,.MlJlv_dnnz,.PlannerItem-styles__due,.PlannerItem-styles__score,.ToDoSidebarItem__Info,.ToDoSidebarItem__Info li,.ac-input-box,.accessible-toggler,.bettercanvas-assignment-container,.bettercanvas-assignment-container:hover,.bjXfh_daKB,.bjXfh_daKB span,.cWmNi_bGBk,.ccWIh_bGBk,.close,.comment_list .comment,.discussion-points,.discussion-pubdate,.discussion-rate-action,.discussion-reply-action,.discussion-section h4,.discussion-section p,.discussion-section ul,.discussion-tododate,.discussions-v2__container-image>span>div,.dropdown-menu li>a,.ef-plain-link,.ef-plain-link:hover,.enRcg_bGBk.enRcg_qFsi,.entry-content span,.esvoZ_drOs,.event-details-timestring,.extension-ac a:hover,.extension-linkpreview,.fCrpb_egrg,.fCrpb_egrg.fCrpb_fVUh,.fNHEA_blJt,.fQfxa_bCUx.fQfxa_buuG,.fc-agendaWeek-view .fc-event-container a[class*=group_] .fc-content .fc-time,.fc-event,.fc-event:hover,.fwfoD_fsuY,.header-row a.sort-field-active i,.hypodivcalc,.ic-Dashboard-header__title,.ic-DashboardCard__header-subtitle,.ic-DashboardCard__header-term,.ic-discussion-content-container,.ig-header .name,.ig-list .ig-row a.ig-title,.ig-type-icon,.item-group-condensed .ig-header,.item-group-expandable .emptyMessage,.jpyTq_bGBk,.kl_mod_text,.kl_readings span,.list-view a.active,.message-detail.conversations__message-detail .no-messages,.message-detail.span8 .no-messages,.message-list .author,.message-list .subject,.message.user_content div,.mini-cal-header,.mini_calendar .day,.nav-icon,.nav_list li.navitem,.ofhgV_ddES,.pages.show .page-title,.planner-day,.standalone-icon:before,.submission_attachment button>span,.tox .tox-collection__item,.tox .tox-insert-table-picker__label,.tray-with-space-for-global-nav>div>span>form>button>span,.tree i[class*=icon-],.tree i[class^=icon-],.ui-button,.ui-state-default,.ui-tabs .ui-tabs-nav li a,.ui-widget .fc-event,.ui-widget-content,.ui-widget-header .ui-state-default,.uneditable-input,.user_content.enhanced,.user_content,.user_content.enhanced p,body,code,input.enRcg_bGBk[type].enRcg_qFsi,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],label.fCrpb_egrg,legend,pre,select,textarea,ul#question_list li i, .enRcg_bGBk.enRcg_bLsb, input.enRcg_bGBk[type].enRcg_bLsb,.erWSf_bGBk,.faJyW_blJt,.eMdva_bgqc,#right-side p.email_channel,.dpCPB_caGd,.XOwIb_ddES,.fdyuz_bGBk,.fOyUs_fZwI, .fOyUs_kXoP,.fQfxa_dqAF.fQfxa_buuG,.communication_message .header .header_title .title,.communication_message .header .header_title .sub_title,.ic-tokens,ic-tokeninput-input,.ftPBL_cuDj,.dUOHu_eCSh,.blnAQ_eCSh,#gradebook_header,.bettercanvas-assignment-link,.bettercanvas-assignment-link:hover,.jumbotron,.card,.ac-token,span[style='color: #000000;'],.bettercanvas-gpa-edit-btn{color:var(--bctext-1)!important}.list-view a.active{border-left:2px solid var(--bclinks)!important}.ToDoSidebarItem svg,.discussions-v2__wrapper>span>span>span>span>button>span>span>svg,.ic-DashboardCard__action-layout svg,.tox .tox-split-button__chevron svg,.tox .tox-tbtn svg,.tox .tox-tbtn svg g,.tox .tox-tbtn svg path{fill:var(--bctext-1)!important}.caret{border-top:4px solid var(--bctext-1)!important}#last_saved_indicator,#minical .fc-other-month,#nav_disabled_list li.navitem,.ToDoSidebarItem__Info>span,.extension-aldue,.ic-item-row__meta-content-timestamp p,.ig-list .icon-drag-handle,.ig-list .ig-row .ig-empty-msg,.message-detail.conversations__message-detail .date,.message-detail.conversations__message-detail .user-info .context,.message-detail.span8 .date,.message-detail.span8 .user-info .context,.message-list .summary,.profile_table .data_description,.question .header .question_points_holder,.student_assignment .context,.tox .tox-collection__item-accessory,.yyQPt_blJt,ul#question_list.read_only li.seen,ul#question_list li.current_question,.css-1sr6v3o-text{color:var(--bctext-2)!important}#content-wrapper .user_content.not_design_tools a,#media_comment_maybe,#nav-tray-portal a,.ToDoSidebarItem__Title a,.message-list .date,a,a:focus,a:hover,.fQfxa_bCUx.fQfxa_eCSh,.fake-link,.no-touch .ic-DashboardCard__action:hover,.enRcg_bGBk.enRcg_fpfC, input.enRcg_bGBk[type].enRcg_fpfC{color:var(--bclinks)!important}#minical .fc-bg .fc-state-highlight,#submit_file_button,.StickyButton-styles__root,.ic-DashboardCard__action-badge,.menu-item__badge,ul.outcome-level li.selected a::before,.eMdva_pypk .eMdva_dnnz,.ic-notification__icon,.fQfxa_dqAF.fQfxa_eCSh,.recent_activity>li .unread-count,.recent_activity>li .unread.message-list .read-state:before,.eMdva_pypk .eMdva_dnnz,.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),.nav-badge,.message-list .read-state:before,.ic-unread-badge,.cECYn_bXiG,.unread-grade,.bettercanvas-todo-label{background:var(--bclinks)!important}.eHQDY_ddES .eHQDY_eWAY{stroke:var(--bclinks)!important}.message-list .messages>li:hover{box-shadow:inset -4px 0 0 var(--bclinks)!important}.agenda-event__item-container:focus,.agenda-event__item-container:hover{box-shadow:inset 3px 0 0 var(--bclinks)}#calendar-app .fc-agendaWeek-view .fc-day-grid .fc-today,#calendar-drag-and-drop-container .fc-agendaWeek-view .fc-day-grid .fc-today{box-shadow:.5px -6px 0 0 var(--bclinks)}.message-list .read-state.read:before{box-shadow:0 0 0 1px var(--bclinks)}#minical .event::after{border:1px solid var(--bclinks)}.ic-notification{border:2px solid var(--bclinks)!important}.eMdva_pypk,.tox .tox-edit-area.active, .tox .tox-edit-area.active iframe,.emSEn_QUBp:hover{border-color:var(--bclinks)!important}.eHQDY_ddES .eHQDY_eWAY{stroke:var(--bclinks)}.ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus{box-shadow:0 0 0 2px var(--bclinks)}select.ic-Input:focus, textarea.ic-Input:focus, input[type=text].ic-Input:focus, input[type=password].ic-Input:focus, input[type=datetime].ic-Input:focus, input[type=datetime-local].ic-Input:focus, input[type=date].ic-Input:focus, input[type=month].ic-Input:focus, input[type=time].ic-Input:focus, input[type=week].ic-Input:focus, input[type=number].ic-Input:focus, input[type=email].ic-Input:focus, input[type=url].ic-Input:focus, input[type=search].ic-Input:focus, input[type=tel].ic-Input:focus, input[type=color].ic-Input:focus, .uneditable-input.ic-Input:focus{outline-color:var(--bclinks)}.discussion-section.message_wrapper table{border:4px solid red!important}.extension-linkpreview,.hypodivcalc,.kl_shadow_2,.kl_shadow_b2,.tox .tox-split-button:hover{box-shadow:none!important}#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings>div>h3:not(.ui-state-default) i,#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,#kl_wrapper_3.kl_colored_headings_box_left>div>h3 i{border:none!important}.extension-aldue:hover,.ic-DashboardCard,.navigation-tray-container,.bettercanvas-gpa-card{box-shadow:0 2px 5px #00000080!important}::-webkit-scrollbar{width:15px}.ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-dialog .ui-dialog-buttonpane,hr{border-top:none!important}#right-side .shared-space h2{border-bottom-style:none!important}#kl_content_block_0 h3:nth-child(1) i,#kl_custom_block_0 h3:nth-child(1) i,#kl_custom_block_1 h3:nth-child(1) i,#kl_custom_block_2 h3:nth-child(1) i{border:0!important}.ig-header .name{text-shadow:none!important}#right-side .events_list .event-details:after,#right-side .events_list .todo-details:after,#right-side .to-do-list .event-details:after,#right-side .to-do-list .todo-details:after{display:none!important},.muted-notice{background-image:none!important}.message-list .read-state.read:before{background:none!important}.ic-DashboardCard__header-button,.ic-app-header__secondary-navigation{background:none!important;border:none!important}.published-status.published .icon-publish::before{color:#0b874b!important}.ic-app-header{background:var(--bcsidebar)!important}.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link, .ic-app-header__menu-list-link:hover{background:#0000004f!important}.ic-app-header__logomark-container{background:none!important}.ic-app-header__menu-list-link svg,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active svg{fill:var(--bcsidebar-text)!important}.menu-item-icon-container,.ic-app-header__menu-list-link .menu-item__text,.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text{color:var(--bcsidebar-text)!important} .ic-DashboardCard,.ic-DashboardCard__header_content,.bettercanvas-assignment-container,.event-details{background:none!important} ";
let css = (options.device_dark === true ? "@media (prefers-color-scheme: dark) {" : "") + ":root{";
Object.keys(options.dark_preset).forEach(key => {
css += "--bc" + key + ":" + options.dark_preset[key] + ";";
@@ -1203,7 +1312,8 @@ function insertGrades() {
let course_id = parseInt(cards[i].querySelector(".ic-DashboardCard__link").href.split("courses/")[1]);
data.forEach(grade => {
if (course_id === grade.id) {
- let gradepercent = grade.enrollments[0].has_grading_periods === true ? grade.enrollments[0].current_period_computed_current_score : grade.enrollments[0].computed_current_score;
+ //let gradepercent = grade.enrollments[0].has_grading_periods === true ? grade.enrollments[0].current_period_computed_current_score : grade.enrollments[0].computed_current_score;
+ let gradepercent = grade.enrollments[0].computed_current_score;
let percent = (gradepercent || "--") + "%";
let gradeContainer = cards[i].querySelector(".bettercanvas-card-grade") || makeElement("a", cards[i].querySelector(".ic-DashboardCard__header"), { "className": "bettercanvas-card-grade", "textContent": percent });
if (options.grade_hover === true) {
@@ -1526,7 +1636,7 @@ GPA calculator
*/
function calculateGPA2() {
- let qualityPoints = 0, numCredits = 0, weightedQualityPoints = 0;
+ let qualityPoints = 0, numCredits = 0, weightedQualityPoints = 0, cumulativePoints = 0, cumulativeCredits = 0;
document.querySelectorAll('.bettercanvas-gpa-course').forEach(course => {
const weight = course.querySelector('.bettercanvas-course-weight').value;
const credits = parseFloat(course.querySelector('.bettercanvas-course-credit').value);
@@ -1574,33 +1684,43 @@ function calculateGPA2() {
letter = "F";
gpa = options.gpa_calc_bounds["F"].gpa;
}
+ /*
if (course.id === "cumulative-gpa") {
- gpa = parseFloat(options["cumulative_gpa"]["gr"]);
+ //gpa = parseFloat(options["cumulative_gpa"]["gr"]);
+ gpa = 0;
+ cumulativePoints += parseFloat(options["cumulative_gpa"]["gr"]) * credits;
+ cumulativeCredits = credits;
} else {
+ */
course.querySelector(".bettercanvas-gpa-letter-grade").textContent = letter;
- }
- let weightMultiplier;
- if (weight === "ap") {
- weightMultiplier = 1;
- } else if (weight === "honors") {
- weightMultiplier = .5;
- } else {
- weightMultiplier = 0;
- }
- qualityPoints += gpa * credits;
- weightedQualityPoints += (gpa + weightMultiplier) * credits;
- numCredits += credits;
+ let weightMultiplier = 0;
+ if (weight === "ap") {
+ weightMultiplier = 1;
+ } else if (weight === "honors") {
+ weightMultiplier = .5;
+ }
+
+ qualityPoints += gpa * credits;
+ weightedQualityPoints += (gpa + weightMultiplier) * credits;
+ numCredits += credits;
+ //}
+
+
+
});
document.querySelector("#bettercanvas-gpa-unweighted").textContent = (qualityPoints / numCredits).toFixed(2);
document.querySelector("#bettercanvas-gpa-weighted").textContent = (weightedQualityPoints / numCredits).toFixed(2);
+ const cGPA = document.querySelector("#bettercanvas-cumulative-gpa");
+ const g = parseFloat(cGPA.querySelector(".bettercanvas-course-percent").value);
+ const c = parseInt(cGPA.querySelector(".bettercanvas-course-credit").value);
+ document.querySelector("#bettercanvas-gpa-cumulative").textContent = (((options.gpa_calc_weighted === true ? weightedQualityPoints : qualityPoints) + (g * c)) / (numCredits + c)).toFixed(2);
}
function changeGPASettings(course_id, update) {
calculateGPA2();
chrome.storage.sync.get(["custom_cards", "cumulative_gpa"], storage => {
if (course_id === "cumulative") {
- console.log(update, storage["cumulative_gpa"], { ...storage["cumulative_gpa"], ...update }); //{ "cumulative_gpa": {...storage["cumulative_gpa"], ...update}});
chrome.storage.sync.set({ "cumulative_gpa": { ...storage["cumulative_gpa"], ...update } });
} else {
chrome.storage.sync.set({ "custom_cards": { ...storage["custom_cards"], [course_id]: { ...storage["custom_cards"][course_id], ...update } } });
@@ -1609,6 +1729,7 @@ function changeGPASettings(course_id, update) {
}
function createGPACalcCourse(location, course) {
+
let customs;
if (course.access_restricted_by_date === true) {
return null;
@@ -1617,49 +1738,50 @@ function createGPACalcCourse(location, course) {
} else if (options.custom_cards && options.custom_cards[course.id]) {
customs = options.custom_cards[course.id];
} else {
+ return;
customs = { "name": course.name, "hidden": false, "weight": "regular", "credits": 1, "gr": null };
}
- //let customs = options.custom_cards && options.custom_cards[course.id] ? options.custom_cards[course.id] : { "name": course.name, "hidden": false, "weight": "regular", "credits": 1, "gr": null };
if (customs.hidden === true) return;
- let courseContainer = makeElement("div", location, { "className": "bettercanvas-gpa-course", "innerHTML": '
' });
- //courseContainer.innerHTML = '
';
+
+ let courseContainer = makeElement("div", location, { "className": course.id === "cumulative" ? "bettercanvas-gpa-cumulative" : "bettercanvas-gpa-course", "innerHTML": '
' });
let courseName = makeElement("p", courseContainer, { "className": "bettercanvas-gpa-name", "textContent": customs.name === "" ? course.course_code : customs.name });
- //courseName.textContent = customs.name === "" ? course.course_code : customs.name;
let changerContainer = makeElement("div", courseContainer, { "className": "bettercanvas-gpa-percent-container" });
- let weightSelections = makeElement("form", courseContainer, { "className": "bettercanvas-course-weights" });
- weightSelections.innerHTML = '
';
- let weightChanger = weightSelections.querySelector(".bettercanvas-course-weight");
- weightChanger.value = customs.weight;
+
let credits = makeElement("div", courseContainer, { "className": "bettercanvas-course-credits", "innerHTML": '
cr' });
- //credits.innerHTML = '
cr';
let creditsChanger = credits.querySelector(".bettercanvas-course-credit");
creditsChanger.value = customs.credits;
let changer = makeElement("input", changerContainer, { "className": "bettercanvas-course-percent" });
let percent = makeElement("span", changerContainer, { "className": "bettercanvas-course-percent-sign", "textContent": course.id === "cumulative" ? "/4" : "%" });
let courseGrade = course?.enrollments[0].has_grading_periods === true ? course.enrollments[0].current_period_computed_current_score : course.enrollments[0].computed_current_score;
- //let courseGrade = course?.enrollments[0].has_grading_periods === true ? course.enrollments[0].current_period_computed_current_score : course.enrollments[0].computed_current_score;
+
if (customs["gr"] !== null) {
changer.value = customs["gr"];
} else if (courseGrade) {
changer.value = courseGrade;
} else {
changer.value = "--";
- weightChanger.value = "dnc";
}
- let useCustomGr = makeElement("input", courseContainer, { "className": "bettercanvas-course-customgr", "type": "checkbox", "checked": customs.gr !== null ? true : false });
- let useCustomGrLabel = makeElement("span", courseContainer, { "className": "bettercanvas-course-customgr-label", "textContent": "Save custom grade" });
- //useCustomGr.type = "checkbox";
- //useCustomGr.checked = customs.gr !== null ? true : false;
- useCustomGr.addEventListener("input", () => {
- if (options["custom_cards"][course.id]) {
- if (options["custom_cards"][course.id]["gr"] !== undefined && options["custom_cards"][course.id]["gr"] !== null) {
- changer.value = courseGrade;
- changeGPASettings(course.id, { "gr": null });
- } else {
- changeGPASettings(course.id, { "gr": changer.value });
+
+ if (course.id !== "cumulative") {
+ let weightSelections = makeElement("form", courseContainer, { "className": "bettercanvas-course-weights" });
+ weightSelections.innerHTML = '
';
+ let weightChanger = weightSelections.querySelector(".bettercanvas-course-weight");
+ weightChanger.value = changer.value === "--" ? "dnc" : customs.weight;
+ weightChanger.addEventListener('change', () => changeGPASettings(course.id, { "weight": weightSelections.querySelector(".bettercanvas-course-weight").value }));
+
+ let useCustomGr = makeElement("input", courseContainer, { "className": "bettercanvas-course-customgr", "type": "checkbox", "checked": customs.gr !== null ? true : false });
+ let useCustomGrLabel = makeElement("span", courseContainer, { "className": "bettercanvas-course-customgr-label", "textContent": "Save custom grade" });
+ useCustomGr.addEventListener("input", () => {
+ if (options["custom_cards"][course.id]) {
+ if (options["custom_cards"][course.id]["gr"] !== undefined && options["custom_cards"][course.id]["gr"] !== null) {
+ changer.value = courseGrade;
+ changeGPASettings(course.id, { "gr": null });
+ } else {
+ changeGPASettings(course.id, { "gr": changer.value });
+ }
}
- }
- });
+ });
+ }
changer.addEventListener('input', (e) => {
if (course.id === "cumulative" || (options["custom_cards"][course.id]["gr"] !== undefined && options["custom_cards"][course.id]["gr"] !== null)) {
@@ -1668,7 +1790,7 @@ function createGPACalcCourse(location, course) {
calculateGPA2();
}
});
- weightChanger.addEventListener('change', () => changeGPASettings(course.id, { "weight": weightSelections.querySelector(".bettercanvas-course-weight").value }));
+
credits.querySelector(".bettercanvas-course-credit").addEventListener('input', () => changeGPASettings(course.id, { "credits": credits.querySelector(".bettercanvas-course-credit").value }));
return courseContainer;
}
@@ -1684,7 +1806,7 @@ function setupGPACalc() {
container2.className = "bettercanvas-gpa-card";
container2.style.display = options.gpa_calc === true ? "inline-block" : "none";
- container2.innerHTML = '
';
+ container2.innerHTML = `
`;
let editBtn = makeElement("button", container2, { "className": "bettercanvas-gpa-edit-btn", "textContent": "Edit Calculator" });
let container = document.querySelector(".bettercanvas-gpa") || document.createElement("div");
@@ -1701,7 +1823,7 @@ function setupGPACalc() {
let location = document.querySelector(".bettercanvas-gpa-courses");
let cumulative = createGPACalcCourse(location, { "id": "cumulative", "enrollments": [{ "has_grading_periods": true, "current_period_computed_current_score": 0 }] });
- cumulative.id = "cumulative-gpa";
+ cumulative.id = "bettercanvas-cumulative-gpa";
result.forEach(course => createGPACalcCourse(location, course));
container.style.display = "none";
@@ -1933,7 +2055,7 @@ function setupCustomURL() {
function getGrades() {
if (options.gpa_calc === true || options.dashboard_grades === true) {
- grades = getData(`${domain}/api/v1/courses?${/*enrollment_state=active&*/""}include[]=concluded&include[]=total_scores&include[]=computed_current_grade&per_page=100`);
+ grades = getData(`${domain}/api/v1/courses?${/*enrollment_state=active&*/""}include[]=concluded&include[]=total_scores&include[]=computed_current_score&per_page=100`);
}
}
diff --git a/js/popup.js b/js/popup.js
index b66a049..9ea0f1e 100644
--- a/js/popup.js
+++ b/js/popup.js
@@ -1,4 +1,4 @@
-const syncedSwitches = ['tab_icons', 'hide_feedback', 'dark_mode', 'remlogo', 'full_width', 'auto_dark', 'assignments_due', 'gpa_calc', 'gradient_cards', 'disable_color_overlay', 'dashboard_grades', 'dashboard_notes', 'better_todo', 'condensed_cards'];
+const syncedSwitches = ['remind', 'tab_icons', 'hide_feedback', 'dark_mode', 'remlogo', 'full_width', 'auto_dark', 'assignments_due', 'gpa_calc', 'gradient_cards', 'disable_color_overlay', 'dashboard_grades', 'dashboard_notes', 'better_todo', 'condensed_cards'];
const syncedSubOptions = ['todo_colors', 'device_dark', 'relative_dues', 'card_overdues', 'todo_overdues', 'gpa_calc_prepend', 'auto_dark', 'auto_dark_start', 'auto_dark_end', 'num_assignments', 'assignment_date_format', 'todo_hr24', 'grade_hover', 'hide_completed', 'num_todo_items', 'hover_preview'];
const localSwitches = [];
@@ -84,6 +84,8 @@ const defaultOptions = {
}
};
+//const apiurl = "http://localhost:3000";
+const apiurl = "https://bettercanvas.diditupe.dev";
sendFromPopup("getCards");
@@ -170,8 +172,9 @@ function setupCardLimitSlider(initial) {
}
function setupDashboardMethod(initial) {
- let el = document.querySelector("#card_method_dashboard");
- el.checked = initial;
+ const el = document.getElementById("card_method_dashboard");
+ el.checked = initial === true ? true : false;
+
el.addEventListener("change", (e) => {
chrome.storage.sync.set({ "custom_cards": {}, "custom_cards_2": {}, "custom_cards_3": {}, "card_method_dashboard": e.target.checked });
});
@@ -181,7 +184,7 @@ function setup() {
const menu = {
"switches": syncedSwitches,
- "checkboxes": ['card_method_date', 'show_updates', 'todo_colors', 'device_dark', 'relative_dues', 'card_overdues', 'todo_overdues', 'gpa_calc_prepend', 'auto_dark', 'assignment_date_format', 'todo_hr24', 'grade_hover', 'hide_completed', 'hover_preview'],
+ "checkboxes": ['gpa_calc_weighted', 'gpa_calc_cumulative', 'new_browser', /*'card_method_date',*/ 'show_updates', 'todo_colors', 'device_dark', 'relative_dues', 'card_overdues', 'todo_overdues', 'gpa_calc_prepend', 'auto_dark', 'assignment_date_format', 'todo_hr24', 'grade_hover', 'hide_completed', 'hover_preview'],
"tabs": {
"advanced-settings": { "setup": displayAdvancedCards, "tab": ".advanced" },
"gpa-bounds-btn": { "setup": displayGPABounds, "tab": ".gpa-bounds-container" },
@@ -331,7 +334,7 @@ function setup() {
clearAlert();
} catch (e) {
domains[index] = val;
- displayAlert("The URL you entered appears to be invalid, so it might not work.");
+ displayAlert(true, "The URL you entered appears to be invalid, so it might not work.");
}
});
chrome.storage.sync.set({ custom_domain: domains });
@@ -465,18 +468,55 @@ function setup() {
})
});
- // activate left/right theme page buttons
+ // theme browser controls
document.getElementById("premade-themes-left").addEventListener("click", () => displayThemeList(-1));
document.getElementById("premade-themes-right").addEventListener("click", () => displayThemeList(1));
+ document.getElementById("theme-sorts").addEventListener("click", () => sortThemes(current_sort));
+ document.getElementById("theme-search").addEventListener("change", async (e) => {
+ searchFor = e.target.value;
+ current_page_num = 1;
+ displayThemeList(0);
+ });
+
+ // activate theme save button
+ document.getElementById("save-theme").addEventListener("click", saveCurrentTheme);
+
+ // activate submit theme button
+ document.getElementById("submit-theme-btn").addEventListener("click", submitTheme);
+
+ // update theme button preview on input
+ document.getElementById("submit-title").addEventListener("input", (e) => {
+ document.getElementById("theme-button-title-preview").textContent = e.target.value.replaceAll(" ", "");
+ });
+
+ // update theme button preview on input
+ document.getElementById("submit-credits").addEventListener("input", (e) => {
+ document.getElementById("theme-button-creator-preview").textContent = e.target.value;
+ });
+
+ // activate the show button to open the theme submission form
+ document.getElementById("show-submit-form").addEventListener("click", (e) => {
+ const form = document.getElementById("submit-form");
+ if (form.style.display === "none") {
+ form.style.display = "flex";
+ e.target.textContent = "Hide";
+ } else {
+ form.style.display = "none";
+ e.target.textContent = "Show";
+ }
+ });
+
+ // activate theme browser opt out
+ document.getElementById("new_browser_out").addEventListener("click", () => {
+ chrome.storage.sync.set({ "new_browser": false });
+ current_page_num = 1;
+ displayThemeList(0);
+ displayAlert(false, "Success! You are now viewing the old theme browser. This one will no longer recieve updates, but there is still plenty to choose from.");
+ });
+
+ // activate theme browser opt in
+ document.getElementById("new_browser_in").addEventListener("click", registerUser);
- // activate theme sort buttons
- /*
- document.getElementById("theme-sort-score").addEventListener("click", () => sortThemes("score"));
- document.getElementById("theme-sort-new").addEventListener("click", () => sortThemes("new"));
- document.getElementById("theme-sort-old").addEventListener("click", () => sortThemes("old"));
- document.getElementById("theme-sort-color").addEventListener("click", () => sortThemes("color"));
- */
- document.getElementById("theme-sorts").addEventListener("click", () => sortThemes(current_sort));
}
async function getExport(storage, options) {
@@ -555,8 +595,10 @@ function themeSortFn(method) {
}
}
+let cache = {};
+
function sortThemes(method) {
- const sortMethods = ["Rating", "Color", "ABC", "New", "Old"];
+ const sortMethods = ["Popular", "ABC", "New", "Old"];
const index = sortMethods.indexOf(method);
const next = index + 1 === sortMethods.length ? 0 : index + 1;
current_sort = sortMethods[next];
@@ -572,6 +614,7 @@ function sortThemes(method) {
});
current_page_num = 1;
displayThemeList(0);
+ cache = {};
}
// shuffle function for the score sorting so theres no order bias
@@ -587,11 +630,250 @@ function shuffle (arr) {
}
let current_page_num = 1;
-let current_sort = "";
-let allThemes;
-sortThemes(current_sort);
+let maxPage = 0;
+let searchFor = "";
+let current_sort = "Popular";
+let allThemes = themeSortFn(current_sort);
-function displayThemeList(pageDir = 0) {
+//sortThemes(current_sort);
+
+function shortScore(score) {
+ if (score >= 1400) {
+ return (Math.floor(score / 1000) + "." + Math.round((score % 1000) / 100)) + "k";
+ }
+ return score;
+}
+
+let fallback = false;
+
+async function submitTheme() {
+
+ const sync = await chrome.storage.sync.get(null);
+
+ if (sync["new_browser"] !== true) {
+ displayAlert(true, "You'll need to opt in to the new browser if you want to submit your theme. If you've opted out and want to opt in, you can scroll down to the bottom of this page and opt back in.");
+ return;
+ }
+
+ const theme = await getExport(sync, ["custom_cards", "card_colors", "dark_preset", "custom_font", "gradient_cards", "disable_color_overlay"]);
+ const title = document.getElementById("submit-title");
+ const credits = document.getElementById("submit-credits");
+
+ if (title.value === "") {
+ displayAlert(true, "The title of your theme can't be empty");
+ return;
+ }
+
+ if (credits.value === "") {
+ displayAlert(true, "The credits for your theme can't be empty");
+ return;
+ }
+ const body = JSON.stringify({
+ "identity": sync["id"],
+ "title": title.value,
+ "credits": credits.value,
+ "theme": JSON.stringify(theme)
+ });
+
+ fetch(`${apiurl}/api/themes/submit`, {
+ "method": "POST",
+ "body": body,
+ "headers": {
+ "Content-Type": "application/json",
+ },
+ }).then(res => res.json())
+ .then(data => {
+ console.log(data);
+ if (data.errors === false) {
+ displayAlert(false, "Thanks for submitting your theme! I will try to approve it soon, but not every theme may be accepted.");
+ } else {
+ displayAlert(true, `There was an error submitting your theme. (${data.message}) Please send an email to ksucpea@gmail.com if this issue persists!`);
+ }
+ });
+}
+
+async function registerUser() {
+ try {
+ const res = await fetch(`${apiurl}/api/register`);
+ const data = await res.json();
+ await chrome.storage.sync.set({ "new_browser": true, "id": data.id });
+ document.getElementById("opt-in").remove();
+ current_page_num = 1;
+ displayThemeList(0);
+ displayAlert(false, "Success! You should be able to see the new themes browser now. Enjoy!");
+ } catch (e) {
+ displayAlert(true, "There was an error opting in. Please contact ksucpea@gmail.com if this error persists!");
+ }
+}
+
+function saveCurrentTheme() {
+ const allOptions = syncedSwitches.concat(syncedSubOptions).concat(["dark_preset", "custom_cards", "custom_font", "gpa_calc_bounds", "card_colors"]);
+ chrome.storage.local.get("saved_themes", local => {
+ chrome.storage.sync.get(allOptions, async sync => {
+ let current = await getExport(sync, allOptions);
+ let trimmed = {
+ "disable_color_overlay": current["disable_color_overlay"],
+ "gradient_cards": current["gradient_cards"],
+ "dark_mode": current["dark_mode"],
+ "dark_preset": current["dark_preset"],
+ "custom_cards": current["custom_cards"],
+ "card_colors": current["card_colors"] === null ? [current["dark_preset"]["links"]] : current["card_colors"],
+ "custom_font": current["custom_font"]
+ }
+ const now = new Date();
+ local["saved_themes"][now.getTime()] = trimmed;
+ chrome.storage.local.set({ "saved_themes": local["saved_themes"] }).then(() => {
+ displaySavedThemes();
+ });
+ });
+ });
+}
+
+
+async function displayThemeList(direction = 0) {
+ const sync = await chrome.storage.sync.get("new_browser");
+ if (sync["new_browser"] === true && fallback === false) {
+ displayThemeListNew(direction);
+ } else {
+ displayThemeListOld(direction);
+ }
+ // remove the opt-in notice
+ if (sync["new_browser"] !== null && document.getElementById("opt-in")) document.getElementById("opt-in").style.display = "none";
+}
+
+function createThemeButton(location, theme) {
+ let themeBtn = makeElement("button", "theme-button clickable", location);
+ themeBtn.classList.add("customization-button");
+ if (!themeBtn.style.background) themeBtn.style.backgroundImage = "linear-gradient(#00000070, #00000070), url(" + theme.preview + ")";
+ if (theme.title) makeElement("p", "theme-button-title clickable", themeBtn, theme.title.replaceAll(" ", ""));
+ if (theme.credits) makeElement("p", "theme-button-creator clickable", themeBtn, theme.credits);
+ return themeBtn;
+}
+
+function createThemeLikeBtn(location, initial, score) {
+ const likeBtn = makeElement("div", "theme-button-like", location);
+ if (initial === true) {
+ likeBtn.classList.add("theme-liked");
+ score += 1;
+ }
+ makeElement("span", "theme-button-like-amount", likeBtn, shortScore(score));
+ likeBtn.innerHTML += `
`;
+ return likeBtn;
+}
+
+async function likeTheme(location, code, score) {
+
+ const sync = await chrome.storage.sync.get("id");
+ const local = await chrome.storage.local.get("liked_themes");
+
+ const res = await fetch(`${apiurl}/api/themes/theme/${code}/like`, {
+ "method": "POST",
+ "body": JSON.stringify({"id": "2hkJkfJhwffc7cCC4os49vGfss2"}),
+ "headers": {
+ "Content-Type": "application/json"
+ },
+ });
+
+ const data = await res.json();
+ const direction = parseInt(data.message);
+ const likeBtn = location;
+
+ let output;
+
+ if (data.errors === true) {
+
+ } else if (direction === -1) {
+ const index = local["liked_themes"].indexOf(code);
+ likeBtn.classList.remove("theme-liked");
+ likeBtn.querySelector(".theme-button-like-amount").textContent = shortScore(score);
+ if (index !== -1) output = local["liked_themes"].filter(x => x !== code);
+ } else if (direction === 1) {
+ likeBtn.classList += (" theme-liked animate-like");
+ likeBtn.querySelector(".theme-button-like-amount").textContent = shortScore(score + 1);
+ output = [...local["liked_themes"], code];
+ }
+ chrome.storage.local.set({ "liked_themes": output });
+}
+
+async function getAndLoadTheme(code) {
+ const res = await fetch(`${apiurl}/api/themes/theme/${code}`);
+ const data = await res.json();
+ importTheme(JSON.parse(data.message.exports));
+}
+
+async function displayThemeListNew(direction) {
+
+ document.getElementById("theme-current-sort").textContent = current_sort;
+ if (direction === -1 && current_page_num > 1) current_page_num--;
+ if (direction === 1 && current_page_num < maxPage) current_page_num++;
+
+ let themes = [];
+ const apiLink = `${current_sort.toLowerCase()}?page=${current_page_num}` + (searchFor === "" ? "" : `&searchFor=${searchFor}`);
+
+ // fetch api, fallback if necessary
+
+ if (cache[apiLink]) {
+ themes = cache[apiLink];
+ } else {
+ try {
+ const res = await fetch(`${apiurl}/api/themes/${apiLink}`, {
+ method: "get",
+ headers: {
+ "Content-Type": "application/json"
+ },
+ });
+ const data = await res.json();
+ if (data.errors === true) throw new Error(data.message);
+ themes = data.message.themes;
+ cache[apiLink] = themes;
+ if (data?.message?.pages) {
+ maxPage = data.message.pages;
+ }
+ } catch (e) {
+ console.log(e);
+ current_page_num = 1;
+ fallback = true;
+ displayThemeListOld(0);
+ return;
+ }
+ }
+
+ let container = document.getElementById("premade-themes");
+ container.textContent = "";
+
+ const local = await chrome.storage.local.get("liked_themes");
+
+ themes.forEach(theme => {
+
+ const themeBtn = createThemeButton(container, theme);
+ themeBtn.addEventListener("click", (e) => {
+ if (!e.target.classList.contains("clickable")) return;
+ getAndLoadTheme(theme.code)
+ });
+
+ const liked = local["liked_themes"].includes(theme.code);
+ const likeBtn = createThemeLikeBtn(themeBtn, liked, theme.score);
+ likeBtn.addEventListener("click" , (e) => likeTheme(likeBtn, theme.code, theme.score));
+
+ });
+
+ document.getElementById("premade-themes-pagenum").textContent = current_page_num + " of " + maxPage;
+
+ // set the submit theme button to the first custom card image
+
+ try {
+ const sync = await chrome.storage.sync.get("custom_cards");
+ const exports = await getExport(sync, ["custom_cards"]);
+ document.getElementById("theme-button-img").style.background = `linear-gradient(#00000070, #00000070), url(${exports["custom_cards"][0]}) no-repeat center center / cover`;
+ } catch (e) {
+ console.log(e);
+ }
+
+ displaySavedThemes();
+
+}
+
+function displayThemeListOld(pageDir = 0) {
//const keys = Object.keys(themes);
document.getElementById("theme-current-sort").textContent = current_sort;
const perPage = 24;
@@ -624,6 +906,55 @@ function displayThemeList(pageDir = 0) {
});
});
document.getElementById("premade-themes-pagenum").textContent = current_page_num + " of " + maxPage;
+ displaySavedThemes();
+}
+
+function getRelativeDate(date, short = false) {
+ let now = new Date();
+ let timeSince = (now.getTime() - date.getTime()) / 60000;
+ let time = "min";
+ timeSince = Math.abs(timeSince);
+ if (timeSince >= 60) {
+ timeSince /= 60;
+ time = short ? "h" : "hour";
+ if (timeSince >= 24) {
+ timeSince /= 24;
+ time = short ? "d" : "day";
+ if (timeSince >= 7) {
+ timeSince /= 7;
+ time = short ? "w" : "week";
+ }
+ }
+ }
+ timeSince = Math.round(timeSince);
+ let relative = timeSince + (short ? "" : " ") + time + (timeSince > 1 && !short ? "s" : "");
+ return { time: relative, ms: now.getTime() - date.getTime() };
+}
+
+function displaySavedThemes() {
+ chrome.storage.local.get("saved_themes", local => {
+ const target = document.getElementById("saved-themes");
+ target.textContent = "";
+ Object.keys(local["saved_themes"]).forEach((key, index) => {
+ const created = new Date(parseInt(key));
+ let btn = makeElement("div", "saved-theme", target);
+ let title = makeElement("p", "theme-button-title", btn, `Theme ${index + 1}`);
+ let date = makeElement("p", "theme-button-creator", btn, `${getRelativeDate(created).time} ago`);
+ let remove = makeElement("div", "theme-button-remove", btn, "x");
+ btn.style.backgroundImage = `linear-gradient(rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44)), url(${local["saved_themes"][key]["custom_cards"][0]})`;
+ btn.addEventListener("click", () => {
+ importTheme(local["saved_themes"][key]);
+ });
+ remove.addEventListener("click", () => {
+ chrome.storage.local.get("saved_themes", local => {
+ delete local["saved_themes"][key];
+ chrome.storage.local.set({ "saved_themes": local["saved_themes"] }).then(() => {
+ btn.remove();
+ })
+ })
+ });
+ });
+ });
}
function getTheme(name) {
@@ -1045,6 +1376,23 @@ function getTheme(name) {
{"color":"beige","score":3330,"title":"Hogwarts by Skyler","exports":{"disable_color_overlay":true,"gradient_cards":true,"dark_mode":true,"dark_preset":{"background-0":"#d1c9ad","background-1":"#842e2e","background-2":"#832a2a","borders":"#8b2323","links":"#902323","sidebar":"linear-gradient(#973b3b, #ffffff)","sidebar-text":"#ffffff","text-0":"#f5f5f5","text-1":"#ffffff","text-2":"#a45151"},"custom_cards":["https://as1.ftcdn.net/v2/jpg/03/26/22/48/1000_F_326224870_vB8XRJbWr0qDG5bhAomLjVlKzcUXPdKA.jpg","https://wallpapers.com/images/high/marauders-map-front-page-ktm5p8uzrze9jf82.webp","https://t3.ftcdn.net/jpg/03/98/15/24/240_F_398152421_haFvEn6IXoOm3JpTV3qXFn6ae1O01YwZ.jpg","https://www.connormollison.co.uk/wp-content/uploads/2018/11/Loch-Shiel.jpg"],"card_colors":["#882525"],"custom_font":{"family":"'Cinzel'","link":"Cinzel:wght@400;700"}},"preview":"https://wallpapers.com/images/high/marauders-map-front-page-ktm5p8uzrze9jf82.webp"},
{"color":"black","score":3420,"title":"RepEra by Brooke","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#000000","background-1":"#000000","background-2":"#000000","borders":"#660000","links":"#660000","sidebar":"linear-gradient(#000000c7, #000000c7), center url(\"https://i.pinimg.com/736x/19/cb/41/19cb416efe3460163bd75b9966628a88.jpg\")","sidebar-text":"#fefefe","text-0":"#fefefe","text-1":"#fefefe","text-2":"#fefefe"},"custom_cards":["https://i.pinimg.com/736x/84/84/e9/8484e992558502b9bcec0c305cea4ae5.jpg","https://i.pinimg.com/originals/94/17/49/941749d4b2ef0dc1205c50325be2592a.gif","https://image-cdn-ak.spotifycdn.com/image/ab67706c0000da8442f8d0b0a8d7b419a3ad3eb6","https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Taylor_Swift_The_Eras_Tour_Reputation_Era_Set_%2853109451846%29.jpg/411px-Taylor_Swift_The_Eras_Tour_Reputation_Era_Set_%2853109451846%29.jpg","https://64.media.tumblr.com/64dffc01e1e46bfc4a0ea43ca94717c5/tumblr_pqjwteoj1n1ufsbe8o3_400.gif"],"card_colors":["#660000"],"custom_font":{"family":"'Caveat'","link":"Caveat:wght@400;700"}},"preview":"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Taylor_Swift_The_Eras_Tour_Reputation_Era_Set_%2853109451846%29.jpg/411px-Taylor_Swift_The_Eras_Tour_Reputation_Era_Set_%2853109451846%29.jpg"},
+ {"color":"beige","score":0,"title":"Forest Fairy by Kylie","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#d2c6b2","background-1":"#d2c6b2","background-2":"#b09e8d","borders":"#775a6b","links":"#ae8f91","sidebar":"#d2c6b2","sidebar-text":"#211c17","text-0":"#211c17","text-1":"#61694f","text-2":"#211c17"},"custom_cards":["https://i.pinimg.com/564x/ee/73/cf/ee73cff65df33b5dacfb922f669ab00a.jpg","https://i.pinimg.com/564x/3d/45/e3/3d45e3042e0e8f273cf65b2fd07f36ac.jpg","https://i.pinimg.com/564x/af/f2/0a/aff20a803d61658be15274688c96e1e2.jpg","https://i.pinimg.com/564x/6f/04/b4/6f04b4b11f12581f37f1253209ed7a9f.jpg","https://i.pinimg.com/564x/8e/41/4c/8e414c7db87e13c356d2a409c36db0ca.jpg","https://i.pinimg.com/564x/2d/82/a8/2d82a8995def9311cbeb0300379db5fb.jpg","https://i.pinimg.com/564x/2e/09/de/2e09de339b4287bab1a0a9b2c825b90e.jpg","https://i.pinimg.com/564x/43/57/44/43574408e884ea7719642e799d1d7549.jpg"],"card_colors":["#c6adc2","#a65963","#849e61","#8f707d","#666d57","#b28d4d","#708f7c","#009688"],"custom_font":{"family":"'Texturina'","link":"Texturina:wght@400;700"}},"preview":"https://i.pinimg.com/564x/2e/09/de/2e09de339b4287bab1a0a9b2c825b90e.jpg"},
+ {"color":"gray","score":0,"title":"Bucky Barnes by Desiree","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#303030","background-1":"#303030","background-2":"#141414","borders":"#1e1e1e","links":"#ae8c84","sidebar":"linear-gradient(#303030c7, #303030c7), center url(\"https://e0.pxfuel.com/wallpapers/567/145/desktop-wallpaper-the-art-of-phillip-anthony-dark-grey-black-aesthetic-grey-iphone-black-gray-aesthetic.jpg\")","sidebar-text":"#7e615b","text-0":"#7e615b","text-1":"#7e615b","text-2":"#614b48"},"custom_cards":["https://64.media.tumblr.com/d4b8ded40caf6dd56d93e1c164bb3887/00fe568e9d0796b0-28/s1280x1920/2b5ffb4a11b70f814c1ec081ad6782f437506042.jpg","https://pbs.twimg.com/media/EwONWyuWYAgxe6g.jpg","https://i.pinimg.com/474x/b1/21/c2/b121c2752f9899cd0abc4355d50b47af.jpg","https://i.pinimg.com/originals/e3/80/04/e3800498d1dbf8338d4ed9eaff948ac3.jpg","https://i.pinimg.com/750x/b4/9b/ff/b49bff69c567dd3e9a39d7db8b662f5d.jpg","https://64.media.tumblr.com/785799419418a335a8e6d97b1e141bc8/00fe568e9d0796b0-41/s1280x1920/0d66d39d23d83054cafb9ef36f0c18b0d1a83fc3.jpg"],"card_colors":["#986c16","#a5a58d","#b7b7a4","#ffe8d6","#ddbea9","#cb997e","#6b705c"],"custom_font":{"family":"'Special Elite'","link":"Special+Elite:wght@400;700"}},"preview":"https://i.pinimg.com/750x/b4/9b/ff/b49bff69c567dd3e9a39d7db8b662f5d.jpg"},
+ {"color":"orange","score":5555,"title":"Fall by Static","exports":{"disable_color_overlay":true,"gradient_cards":true,"dark_mode":true,"dark_preset":{"background-0":"#f0cfb7","background-1":"#e5833e","background-2":"#d76b1d","borders":"#B2560D","links":"#893101","sidebar":"linear-gradient(#80400B, #BE5504)","sidebar-text":"#281201","text-0":"#532a09","text-1":"#642c02","text-2":"#893101"},"custom_cards":["https://i.pinimg.com/564x/cd/1f/5d/cd1f5df992245362003001fb6f4b8168.jpg","https://i.pinimg.com/564x/bf/64/0f/bf640fdb0ee5d669e3487de514469e89.jpg","https://i.pinimg.com/originals/1d/6e/d9/1d6ed9c772cb46bfffa5f5055475e827.gif","https://i.pinimg.com/originals/3a/eb/49/3aeb495a4fdda62e53a366ec68540488.gif","https://i.pinimg.com/564x/ca/1e/0b/ca1e0b3c7e066fc3a9d3ee0c57225bde.jpg","https://i.pinimg.com/564x/5a/9e/b1/5a9eb1b7af5a7b0351b272f9c63eca66.jpg","https://i.pinimg.com/564x/53/f2/76/53f276d10d50a40246f5e877ffde6cdd.jpg"],"card_colors":["#893101"],"custom_font":{"family":"'Inria Sans'","link":"Inria+Sans:wght@400;700"}},"preview":"https://i.pinimg.com/564x/ca/1e/0b/ca1e0b3c7e066fc3a9d3ee0c57225bde.jpg"},
+ {"color":"brown","score":0,"title":"Garden wall by ghost girl","exports":{"disable_color_overlay":true,"gradient_cards":true,"dark_mode":true,"dark_preset":{"background-0":"#201109","background-1":"#8f6542","background-2":"#8d5835","borders":"#000000","links":"#bc8552","sidebar":"linear-gradient(#000000c7, #000000c7), center url(\"https://media1.tenor.com/m/lZa7QzVtaWwAAAAC/over-the-garden-wall.gif\")","sidebar-text":"#7f849c","text-0":"#beb6b6","text-1":"#bbbbbf","text-2":"#b9c1b9"},"custom_cards":["https://media1.tenor.com/m/E9NtNsnEppcAAAAC/over-the-garden-wall-garden-wall.gif","https://media1.tenor.com/m/mVoRJhr2a9kAAAAC/anime-over-the-garden-wall.gif","https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExbm5qNmtweWtjZnhtN25yOHczc3QzdjI2ZXR6b3YxZ3p1cHMzejZlOSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/lKD3pLFTjVCxy/giphy.webp","https://media1.tenor.com/m/BNlqs1Tt6gYAAAAC/pumpkin-fall.gif","https://media1.tenor.com/m/dzIZVdIplEwAAAAC/over-the-garden-wall-otgw.gif","https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExa2Z3dG0xa3htYW4weDl2NzVwdXJ2amY1cjlkY2Ewa3JqNmlxaHkxbiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3o7ZenN6gENEUX317O/giphy.webp","https://media1.tenor.com/m/GOMfjC9vOxEAAAAd/wirt-over-the-garden-wall.gif"],"card_colors":["#ffc971","#ffb627","#ff9505","#e2711d","#cc5803","#ffc971","#ffb627"],"custom_font":{"family":"'Permanent Marker'","link":"Permanent+Marker:wght@400;700"}},"preview":"https://media1.tenor.com/m/BNlqs1Tt6gYAAAAC/pumpkin-fall.gif"},
+ {"color":"green","score":0,"title":"Garden Green by Hayden Lee","exports":{"disable_color_overlay":true,"gradient_cards":true,"dark_mode":true,"dark_preset":{"background-0":"#1c3520","background-1":"#141f17","background-2":"#7b9679","borders":"#84a98c","links":"#5f973f","sidebar":"linear-gradient(#094e23, #102316)","sidebar-text":"#e2e8de","text-0":"#b1e98b","text-1":"#dcf5cc","text-2":"#cfe4be"},"custom_cards":["https://i.pinimg.com/564x/75/96/30/7596305ee643c5040b69f0d99a65e0c4.jpg","https://i.pinimg.com/474x/e4/c7/db/e4c7db80b8cc0d8153da5a634e58f754.jpg","https://i.pinimg.com/474x/17/34/db/1734db37f8e995b952fbb9ebb1d817d1.jpg","https://i.pinimg.com/474x/16/5a/6c/165a6cbff2a2f015ba73333230174e28.jpg","https://i.pinimg.com/564x/a1/50/b5/a150b562e5f0b27d8c456efc33cc229b.jpg"],"card_colors":["#5f973f"],"custom_font":{"family":"'Dancing Script'","link":"Dancing+Script:wght@400;700"}},"preview":"https://i.pinimg.com/474x/17/34/db/1734db37f8e995b952fbb9ebb1d817d1.jpg"},
+ {"color":"orange","score":5555,"title":"VanGogh by Cam","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#c5733D","background-1":"#d2946b","background-2":"#774423","borders":"#774423","links":"#774423","sidebar":"#774423","sidebar-text":"#c5733D","text-0":"#774423","text-1":"#774423","text-2":"#774423"},"custom_cards":["https://www.1st-art-gallery.com/media/catalog/product/cache/3375d1f37505735cd1cd3d14291df1c6/paintingsL/414336/spectators-in-the-arena-at-arl_thumb.webp","https://collectionapi.metmuseum.org/api/collection/v1/iiif/436524/800285/main-image","https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTuW_bog_orRxMf1CVnLmTEjifPBJFCT_hzLg&s","https://cdn2.picryl.com/photo/1900/12/31/vincent-van-gogh-wheat-field-behind-saint-paul-hospital-with-a-reaper-google-881c86-1024.jpg","https://upload.wikimedia.org/wikipedia/commons/9/9e/WLA_metmuseum_Irises_by_Vincent_van_Gogh.jpg","https://media.tate.org.uk/art/images/work/N/N04/N04713_10.jpg","https://m.media-amazon.com/images/I/51bHeJd4-CL.jpg","https://lh3.googleusercontent.com/proxy/f-AGYas1E5VavPdH1GCh_sCCG8vlQwE3RzbmbnDcHuAvzui5m0Nf3pL19c8EAtcDGps5S97N6B6fmqCFSef2","https://www.travelfranceonline.com/wp-content/plugins/phastpress/phast.php/c2Vydm/ljZT1pbWFnZXMmc3JjPWh0dHBzJTNBJTJGJTJGd3d3LnRyYXZlbGZyYW5jZW9ubGluZS5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjQlMkYwNyUyRkdvZ2hfVmluY2VudF9BdXZlcnMtc3VyLU9pc2VfQ290dGFnZXMxLmpwZyZjYWNoZU1hcmtlcj0xNzIwODc1NzAxLTQ3OTU1JnRva2VuPTM5MWYwNWVlN2I5OTUzZDA.q.jpg","https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/The_Plain_of_Auvers_-_Vincent_van_Gogh_-_Google_Cultural_Institute.jpg/1024px-The_Plain_of_Auvers_-_Vincent_van_Gogh_-_Google_Cultural_Institute.jpg","https://upload.wikimedia.org/wikipedia/commons/a/ab/Vincent_van_Gogh_-_Tree_Roots_and_Trunks_%28F816%29.jpg","https://news.bbcimg.co.uk/media/images/82797000/jpg/_82797607_9340lot18vangogh.jpg","https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Irises-Vincent_van_Gogh.jpg/1200px-Irises-Vincent_van_Gogh.jpg"],"card_colors":["#605b56","#605b32","#ff9999","#90a9b7","#829a99","#e3cab6","#d4aa7d","#d5c9df","#ccd7e4","#9bb0ba","#d2d8b3","#acc18a","#aea3b0","#ffa85c","#e48541","#d89d77","#626e7b","#efd09e","#837a75"],"custom_font":{"family":"'Mali'","link":"Mali:wght@400;700"}},"preview":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTuW_bog_orRxMf1CVnLmTEjifPBJFCT_hzLg&s"},
+ {"color":"beige","score":5555,"title":"Beachy by Crystal","exports":{"disable_color_overlay":false,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#f2f0e4","background-1":"#f5f5f5","background-2":"#f5f5f5","borders":"#f5f5f5","links":"#a0","sidebar":"linear-gradient(#ef946cc7, #e9ba6bc7), center url(\"https://i.pinimg.com/736x/73/db/35/73db3519f3f5887e269eaa5850467a33.jpg\")","sidebar-text":"#153952","text-0":"#27282b","text-1":"#27282b","text-2":"#27282b"},"custom_cards":["https://i.pinimg.com/736x/d5/94/65/d59465ba69c89d0d2a3250f980c61b1d.jpg","https://i.pinimg.com/736x/1c/8e/d9/1c8ed985e23e5db782b888d6e38f6b02.jpg","https://i.pinimg.com/474x/35/1e/56/351e56fa3972d928f29e00e06024eb60.jpg","https://i.pinimg.com/564x/9a/93/42/9a9342d2584240498aa6b08352f6e7e6.jpg","https://i.pinimg.com/736x/6b/e7/ba/6be7ba698c41b0c8fee393e5ff37f22c.jpg"],"card_colors":["#ef946c","#1e7a8c","#b6e2de","#153952","#e9ba6b"],"custom_font":{"family":"","link":""}},"preview":"https://i.pinimg.com/736x/d5/94/65/d59465ba69c89d0d2a3250f980c61b1d.jpg"},
+ {"color":"red","score":5555,"title":"GothicGraveyard by lyramagna","exports":{"disable_color_overlay":false,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#2b0d0d","background-1":"#592727","background-2":"#592727","borders":"#592727","links":"#804747","sidebar":"linear-gradient(#000000c7, #000000c7), center url(\"https://i.pinimg.com/236x/47/b0/08/47b008d745100938d4dea59e17f70bcc.jpg\")","sidebar-text":"#a3a3a3","text-0":"#803c3c","text-1":"#6c5a5a","text-2":"#6c5a5a"},"custom_cards":["https://i.pinimg.com/236x/5e/5b/4b/5e5b4b418e56e6b4bff3f1c5413d0cae.jpg","https://i.pinimg.com/236x/6a/81/6c/6a816c04e68f55da7f6396faac980e92.jpg","https://i.pinimg.com/564x/ee/ce/39/eece39a86f39fd608c61c353580cf462.jpg","https://i.pinimg.com/236x/ac/92/60/ac926035cfbd7576a33e9304ee922529.jpg","https://i.pinimg.com/236x/a9/26/3e/a9263ec6d484b1b12139bca1aeeff410.jpg","https://i.pinimg.com/236x/22/30/17/223017f48b432887b2c63453c5ea00ee.jpg","https://i.pinimg.com/236x/70/ef/18/70ef181592956742fb693a9725db31e7.jpg","https://i.pinimg.com/236x/90/55/4e/90554ef4a466e77dee521986f26a1858.jpg"],"card_colors":["#1f1f1f"],"custom_font":{"family":"'Texturina'","link":"Texturina:wght@400;700"}},"preview":"https://i.pinimg.com/236x/90/55/4e/90554ef4a466e77dee521986f26a1858.jpg"},
+ {"color":"beige","score":5555,"title":"Pusheen by elsie","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#fffdee","background-1":"#6b4c4c","background-2":"#594646","borders":"#9a8484","links":"#7c7a7f","sidebar":"#fffdee","sidebar-text":"#31261c","text-0":"#31261c","text-1":"#31261c","text-2":"#31261c"},"custom_cards":["https://pusheen.com/wp-content/uploads/2014/07/tumblr_n8789zUHLD1qhy6c9o1_500.gif","https://pusheen.com/wp-content/uploads/2023/11/Capybar_Hot_Springs_GIF.gif","https://pusheen.com/wp-content/uploads/2023/03/Pusheen_Plop.gif","https://pusheen.com/wp-content/uploads/2018/07/tumblr_p7tdo3tjSM1qhy6c9o1_1280.gif"],"card_colors":["#fff1e6","#fde2e4","#fad2e1","#bee1e6"],"custom_font":{"family":"'Inconsolata'","link":"Inconsolata:wght@400;700"}},"preview":"https://pusheen.com/wp-content/uploads/2023/11/Capybar_Hot_Springs_GIF.gif"},
+ {"color":"white","score":5555,"title":"NationalParks by Ashlyn","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#f5f5f5","background-1":"#f6bd60","background-2":"#262626","borders":"#3c3c3c","links":"#833e16","sidebar":"#273a0d","sidebar-text":"#f5f5f5","text-0":"#2a63a1","text-1":"#889849","text-2":"#c95c16"},"custom_cards":["https://i.pinimg.com/564x/17/26/a8/1726a8071771a9f1f85db1579cb3eb47.jpg","https://i.pinimg.com/564x/41/01/7d/41017d2833ec89de2407a18411bb8343.jpg","https://i.pinimg.com/736x/7f/67/a5/7f67a5499fd552070fd59bf9721fe02b.jpg","https://i.pinimg.com/564x/72/59/76/725976bd0e48e9a9b83eb08c08ee7639.jpg","https://i.pinimg.com/564x/9d/ce/11/9dce115cfc4e7ba876f9fb73ba878a1f.jpg","https://i.pinimg.com/474x/05/63/c6/0563c6e73613ca60bffc1e63f7523d0c.jpg"],"card_colors":["#833e16"],"custom_font":{"family":"'Expletus Sans'","link":"Expletus+Sans:wght@400;700"}},"preview":"https://i.pinimg.com/564x/41/01/7d/41017d2833ec89de2407a18411bb8343.jpg"},
+ {"color":"lightgreen","score":5555,"title":"Positions by LadyGrande","exports":{"disable_color_overlay":false,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#d0e1d0","background-1":"#bdcfb5","background-2":"#a2af9d","borders":"#b0cca3","links":"#d0e7c5","sidebar":"linear-gradient(#ccdfc3c7, #5a6a53c7), center url(\"https://i.pinimg.com/564x/c5/26/52/c526524d5d992dd5f32ce56c15115fe6.jpg\")","sidebar-text":"#fffcfa","text-0":"#95a58d","text-1":"#a3bf97","text-2":"#c1eaae"},"custom_cards":["https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/372f69106764533.5f979ca916959.jpg","https://cdn.dribbble.com/users/5932911/screenshots/15115256/media/d678bfb66e5e994ccb6d63b1b979e72b.png?resize=1600x1200&vertical=center","https://akns-images.eonline.com/eol_images/Entire_Site/2020922/rs_1200x1200-201022212210-1200-araian-grande-mv-102220.jpg?fit=around%7C1080:1080&output-quality=90&crop=1080:1080;center,top","https://i.ytimg.com/vi/YOVLdU9uVvk/mqdefault.jpg","https://lastfm.freetls.fastly.net/i/u/avatar170s/6b32b8cbee6e4d151e75507b25ffb964","https://www.rollingstone.com/wp-content/uploads/2020/11/ariana-grande-AlbumPressPhoto.jpg?w=1581&h=1054&crop=1","https://mir-s3-cdn-cf.behance.net/projects/404/0c8e41118112283.6082933b5929b.png","https://cdn.dribbble.com/users/4818213/screenshots/14704759/media/4a692830e71b4c4cdfb0b007828736a1.png?resize=1600x1200&vertical=center"],"card_colors":["#62725a","#64755d","#67785f","#697b62","#5c6a54","#5e6d57","#5f6f58","#62715a"],"custom_font":{"family":"","link":""}},"preview":"https://akns-images.eonline.com/eol_images/Entire_Site/2020922/rs_1200x1200-201022212210-1200-araian-grande-mv-102220.jpg?fit=around%7C1080:1080&output-quality=90&crop=1080:1080;center,top"},
+ {"color":"gray","score":5555,"title":"Frieren by Faeriefully","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#60657b","background-1":"#353535","background-2":"#b0d4cc","borders":"#d7d6d6","links":"#5bae83","sidebar":"linear-gradient(#182152, #70be8c)","sidebar-text":"#f5f5f5","text-0":"#bec5c4","text-1":"#acc9c2","text-2":"#c2e5f5"},"custom_cards":["https://64.media.tumblr.com/3250a784972f89cdbfea253965c34cd0/f21b5a88cdd2d1f6-b0/s540x810/1ca346168391c0af6d6d036ad6ce46a1f0605511.gif","https://meguminexplosionblog.wordpress.com/wp-content/uploads/2023/10/fern-frieren-anime-fern-frieren.gif?w=498","https://64.media.tumblr.com/273e48159243483a123f127ed79656d1/88844ae8be4d1091-9c/s540x810/739d22f7e20649a0694419eaa39a0f9b4c5bac59.gifv","https://64.media.tumblr.com/339ea6d7a3c1a4402675a45f8fcfcbb0/f839a0c00f66bcd6-ec/s540x810/46054489c7d3854487488568d1484d1a5d2fdb78.gif","https://media1.tenor.com/m/h6XlgMwYBnkAAAAd/frieren-sousou-no-frieren.gif","https://giffiles.alphacoders.com/221/221795.gif","https://64.media.tumblr.com/df78e4235d1501620a45ffca3960e1f6/f839a0c00f66bcd6-b4/s540x810/a44e1892a4a4234241417e1a914ccac93d9324e4.gif","https://i.pinimg.com/originals/71/90/6c/71906c5eff4079a648c57aed47cc46fc.gif","https://64.media.tumblr.com/e6b2c483310a66447773ca70426752a8/309287d767a483c2-15/s540x810/6f1d2051b038ef3b5122b1eb03dbced434590a0a.gifv","https://64.media.tumblr.com/339ea6d7a3c1a4402675a45f8fcfcbb0/f839a0c00f66bcd6-ec/s540x810/46054489c7d3854487488568d1484d1a5d2fdb78.gifv","https://miro.medium.com/v2/resize:fit:996/0*Tcf1VOgXqrweEwzl.gif","https://media.tenor.com/VF52YCUBibQAAAAM/anime-frieren-beyond-the-journeys-end.gif"],"card_colors":["#a08a5a"],"custom_font":{"family":"'Yuji Syuku'","link":"Yuji+Syuku:wght@400;700"}},"preview":"https://media.tenor.com/VF52YCUBibQAAAAM/anime-frieren-beyond-the-journeys-end.gif"},
+ {"color":"lightblue","score":5555,"title":"Manatees by Jocie","exports":{"disable_color_overlay":false,"gradient_cards":true,"dark_mode":true,"dark_preset":{"background-0":"#6d92a2","background-1":"#475d66","background-2":"#638092","borders":"#082187","links":"#364453","sidebar":"linear-gradient(#1a4238c7, #3e4160c7), center url(\"https://i.pinimg.com/originals/da/eb/36/daeb3684ed1b4f653e7c6d99b7b1b160.jpg\")","sidebar-text":"#f5f5f5","text-0":"#f5f5f5","text-1":"#ffffff","text-2":"#ffffff"},"custom_cards":["https://www.fau.edu/newsdesk/images/news/manatee-romaine-newsdesk.jpg","https://www.nwf.org/-/media/NEW-WEBSITE/Shared-Folder/Magazines/2022/Jun-Jul/manatees-mother-and-calf-JJ22-900x591.jpg","https://i.pinimg.com/564x/3b/5f/bc/3b5fbcf6232a1af76c173f5efbfc4ae1.jpg"],"card_colors":["#1a806a","#1a7c6c","#1a796d","#19756d"],"custom_font":{"family":"'Lora'","link":"Lora:wght@400;700"}},"preview":"https://i.pinimg.com/564x/3b/5f/bc/3b5fbcf6232a1af76c173f5efbfc4ae1.jpg"},
+ {"color":"beige","score":5555,"title":"Study Girl by Luna","exports":{"disable_color_overlay":false,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#cea183","background-1":"#efcfaf","background-2":"#ffffec","borders":"#533427","links":"#ff5286","sidebar":"linear-gradient(#4b2a16c7, #4b2a16c7), center url(\"https://p16-va.lemon8cdn.com/tos-maliva-v-ac5634-us/okIenbELlO7MOWflXeEM4gArSgC8HJdAoQASQz~tplv-tej9nj120t-origin.webp\")","sidebar-text":"#ca9572","text-0":"#4b2a16","text-1":"#533427","text-2":"#4b2a16"},"custom_cards":[null,"https://files.combyne.com/571bb277a4fb87839de2a597afdf2caf_image.jpg","https://i.pinimg.com/736x/d0/75/fb/d075fb2ae9e5a18a72f10bf534127f1a.jpg","https://i.pinimg.com/736x/88/22/44/8822448a1481a11f1a53936d4373d0ff.jpg","https://i.pinimg.com/736x/d6/de/e4/d6dee4ba44b75a9bfdb5012469852fca.jpg"],"card_colors":["#673723"],"custom_font":{"family":"'Nerko One'","link":"Nerko One:wght@400;700"}},"preview":"https://files.combyne.com/571bb277a4fb87839de2a597afdf2caf_image.jpg"},
+ {"color":"beige","score":5555,"title":"CafeTime by HMR_YRK","exports":{"disable_color_overlay":false,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#fdfff5","background-1":"#ffffff","background-2":"#ffffff","borders":"#ddb57a","links":"#c09c7c","sidebar":"linear-gradient(#7e5d44, #ffd685)","sidebar-text":"#ffffff","text-0":"#76583d","text-1":"#58412c","text-2":"#58412c"},"custom_cards":["https://i.pinimg.com/564x/92/c7/2c/92c72c90aae903abd45451ca73eabfc5.jpg","https://i.pinimg.com/564x/b7/5c/ca/b75ccaf47db6238ddce7e2999ccabb26.jpg","https://i.pinimg.com/564x/6f/1a/66/6f1a663cd14c7df6eeaa12e879dce2b3.jpg","https://i.pinimg.com/564x/b0/85/3b/b0853b8afd95a536192886e3ac4137e3.jpg","https://i.pinimg.com/564x/5b/62/1d/5b621d37eba0898e17d41540a9388387.jpg","https://i.pinimg.com/564x/e0/9d/6a/e09d6a540b6f5f186b22dc9912a41ec6.jpg","https://i.pinimg.com/564x/68/d9/17/68d917e592e6609ea2915882966a1e0a.jpg","https://i.pinimg.com/564x/41/45/3e/41453eea3e262f07ecf0d9e3f9b110f4.jpg","https://i.pinimg.com/564x/61/2a/68/612a681fb0c3672a8a81e19f368cc91f.jpg","https://i.pinimg.com/564x/ef/3e/20/ef3e20016a96637003397018e7151826.jpg"],"card_colors":["#c2a48d","#bd9f88","#b89a84","#b3957f","#ae917a","#a98c76","#a48771","#9f826c","#9a7d68","#957963","#90745e","#8b6f5a","#866a55","#816550","#7d614c","#c2a48d"],"custom_font":{"family":"'Quicksand'","link":"Quicksand:wght@400;700"}},"preview":"https://i.pinimg.com/564x/6f/1a/66/6f1a663cd14c7df6eeaa12e879dce2b3.jpg"},
+ {"color":"black","score":5555,"title":"JJK by crim","exports":{"disable_color_overlay":true,"gradient_cards":false,"dark_mode":true,"dark_preset":{"background-0":"#030203","background-1":"#030203","background-2":"#262626","borders":"#030203","links":"#c6a4d6","sidebar":"linear-gradient(#000000c7, #000000c7), center url(\"https://i.pinimg.com/originals/5f/57/dd/5f57dd7333316b0c8caf1d048e75d901.gif\")","sidebar-text":"#f5f5f5","text-0":"#efddf8","text-1":"#fcfcf7","text-2":"#ababab"},"custom_cards":["https://i.pinimg.com/736x/79/47/22/794722ef99e3d46c522732af03efc13d.jpg","https://i.pinimg.com/736x/6b/6b/cc/6b6bccd3f1eb0e15b774a0d9f86d4c5d.jpg","https://i.pinimg.com/736x/64/a7/30/64a730bb21506b263cf547820deea5b5.jpg","https://i.pinimg.com/736x/aa/bc/c2/aabcc2f97744d2fac4049106a268639e.jpg"],"card_colors":["#d2f1e4","#fbcaef","#fdf4b4","#9fe8fc"],"custom_font":{"family":"'DM Sans'","link":"DM+Sans:wght@400;700"}},"preview":"https://i.pinimg.com/736x/6b/6b/cc/6b6bccd3f1eb0e15b774a0d9f86d4c5d.jpg"},
+
/*
@@ -1125,7 +1473,7 @@ function updateCards(key, value) {
chrome.storage.sync.get(["custom_cards"], result => {
chrome.storage.sync.set({ "custom_cards": { ...result["custom_cards"], [key]: { ...result["custom_cards"][key], ...value } } }, () => {
if (chrome.runtime.lastError) {
- displayAlert("The data you're entering is exceeding the storage limit, so it won't save. Try using shorter links, and make sure to press \"copy image address\" and not \"copy image\" for links.");
+ displayAlert(true, "The data you're entering is exceeding the storage limit, so it won't save. Try using shorter links, and make sure to press \"copy image address\" and not \"copy image\" for links.");
}
})
});
@@ -1201,10 +1549,11 @@ function clearAlert() {
document.querySelector("#alert").style.bottom = "-400px";
}
-function displayAlert(msg) {
+function displayAlert(bad, msg) {
clearTimeout(removeAlert);
document.querySelector("#alert").style.bottom = "0";
document.querySelector("#alert").textContent = msg;
+ document.querySelector("#alert").style.background = bad ? "#e7495ed9" : "#6bbf6bd9";
removeAlert = setTimeout(() => {
clearAlert();
}, 15000);
@@ -1214,7 +1563,7 @@ function setCustomImage(key, val) {
if (val !== "" && val !== "none") {
let test = new Image();
test.onerror = () => {
- displayAlert("It seems that the image link you provided isn't working. Make sure to right click on any images you want to use and select \"copy image address\" to get the correct link.");
+ displayAlert(true, "It seems that the image link you provided isn't working. Make sure to right click on any images you want to use and select \"copy image address\" to get the correct link.");
// ensures storage limit error will override previous error
updateCards(key, { "img": val });
@@ -1598,7 +1947,7 @@ function setToDefaults() {
function makeElement(element, elclass, location, text) {
let creation = document.createElement(element);
- creation.classList.add(elclass);
+ creation.className = elclass;
creation.textContent = text;
location.appendChild(creation);
return creation
diff --git a/manifest.json b/manifest.json
index 8ade2d9..2a58613 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,7 +2,7 @@
"manifest_version": 3,
"name": "Better Canvas",
"description": "Feature packed extension for Canvas.",
- "version": "5.11.3",
+ "version": "5.12.0",
"icons": {
"16": "icon/icon-16.png",
"32": "icon/icon-32.png",