diff --git a/src/js/commandline-lists.js b/src/js/commandline-lists.js index a4353cbdd..e2fc0e7b5 100644 --- a/src/js/commandline-lists.js +++ b/src/js/commandline-lists.js @@ -490,6 +490,14 @@ let commandsCaretStyle = { UpdateConfig.setCaretStyle("carrot"); }, }, + { + id: "setCaretStyleBanana", + display: "banana", + visible: false, + exec: () => { + UpdateConfig.setCaretStyle("banana"); + }, + }, ], }; diff --git a/src/js/config.js b/src/js/config.js index aaf991c38..fe542d4cc 100644 --- a/src/js/config.js +++ b/src/js/config.js @@ -714,6 +714,8 @@ export function setCaretStyle(caretStyle, nosave) { $("#caret").addClass("underline"); } else if (caretStyle == "carrot") { $("#caret").addClass("carrot"); + } else if (caretStyle == "banana") { + $("#caret").addClass("banana"); } if (!nosave) saveToCookie(); } diff --git a/src/sass/style.scss b/src/sass/style.scss index d96e7113d..d5f51d15a 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -1456,6 +1456,21 @@ a:hover { } } + &.banana { + background-color: transparent; + background-image: url("../images/banana.png"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + width: 1rem; + &.size2 { + margin-left: -0.1rem; + } + &.size3 { + margin-left: -0.5rem; + } + } + &.block { width: 0.7em; margin-left: 0.25em; diff --git a/static/images/banana.png b/static/images/banana.png new file mode 100644 index 000000000..c9ea682c0 Binary files /dev/null and b/static/images/banana.png differ