From faba55822cebf565ca4e7c58b95991dcc811ff03 Mon Sep 17 00:00:00 2001 From: tel0065 <77864718+tel0065@users.noreply.github.com> Date: Mon, 9 May 2022 10:35:21 -0500 Subject: [PATCH] Updated README Updated the README with instructions on how to setup the line highlighter for the first time, added a table for the line highlighter options, added our team's contact information --- README.md | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) diff --git a/README.md b/README.md index 504d36e..281cb73 100644 --- a/README.md +++ b/README.md @@ -130,10 +130,98 @@ directions above. See the Visual Studio Code [getting started](https://code.visualstudio.com/api/get-started/your-first-extension) API page if you need more help. +# First Time Setting Up the Line Highlighter Feature +Before running Mind Reader for the first time it is recommended to add the following code block to your `settings.json` file + +### Opening Settings.json +1. Launch VS Code +2. Open the `Command Palette` by pressing **Ctrl + Shift + P** (Windows) / **Cmd + Shift + P** (Mac) +3. The Command Palette should appear at the top of your screen ready for you to type +4. Type `settings` and highlight the option that appears saying `Preferences: Open Settings (JSON)` then select it +5. Your `settings.json` window should appear, scroll to the bottom and make sure the last item has a `,` before the closing curly bracket `}` +6. Paste the following code block after the last comma `,`, but before the closing curly bracket `}`: +``` + "mind-reader.lineHighlighter.isEnabled" : true, + "mind-reader.lineHighlighter.multiLineIsEnabled" : false, + + "mind-reader.lineHighlighter.backgroundColor" : "#232C5C", + + "mind-reader.lineHighlighter.outlineColor" : "#4866FE", + "mind-reader.lineHighlighter.outlineWidth" : "1px", + "mind-reader.lineHighlighter.outlineStyle" : "solid", + + "mind-reader.lineHighlighter.borderColorTop" : "#FFFFFF", + "mind-reader.lineHighlighter.borderColorRight" : "#FFFFFF", + "mind-reader.lineHighlighter.borderColorBottom" : "#FFFFFF", + "mind-reader.lineHighlighter.borderColorLeft" : "#FFFFFF", + + "mind-reader.lineHighlighter.borderWidthTop" : "1px", + "mind-reader.lineHighlighter.borderWidthRight" : "16px", + "mind-reader.lineHighlighter.borderWidthBottom" : "1px", + "mind-reader.lineHighlighter.borderWidthLeft" : "1px", + + "mind-reader.lineHighlighter.borderStyleTop" : "solid", + "mind-reader.lineHighlighter.borderStyleRight" : "solid", + "mind-reader.lineHighlighter.borderStyleBottom" : "solid", + "mind-reader.lineHighlighter.borderStyleLeft" : "solid", + + "mind-reader.lineHighlighter.fontStyle" : "normal", + "mind-reader.lineHighlighter.fontWeight" : "bolder", + "mind-reader.lineHighlighter.textDecoration" : "none", + "mind-reader.lineHighlighter.textColor" : "#FFFFFF", +``` +The values are set to the default values and can be changed here manually, or through the settings window (File -> Preferences -> Settings -> Mind Reader -> Line Highlighter). +Changes made directly in the settings.json will take effect automatically; however, if you change them in the settings window then after you input your new values VS Code must be closed and reopened for the changes to take effect. + +After adding the code block, the `settings.json` file should look similar to this: + +
+ +
+ +7. Save and close `settings.json` + +### Line Highlighter Settings Table +| **Item** | **Description** | **Accepted Value** | **Default Values** | +|------------------------|-------------------------------------------------------|------------------------------------------------------------------------------|--------------------| +| **isEnabled** | Enable/Disables the line highlighter | boolean | true | +| **multiLineIsEnabled** | Highlight when clicking and dragging to select lines | boolean | false | +| **backgroundColor** | Changes the background color of the highlight | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#232C5C" | +| **outlineColor** | Outline Color | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#4866FE" | +| **outlineWidth** | Outline Width | "medium", "thin", "thick", length (integer + string unit), or "none" | "1px" | +| **outlineStyle** | Outline Style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset | "solid" | +| **borderColorTop** | Top Border Color | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#FFFFFF" | +| **borderColorRight** | Right Border Color | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#FFFFFF" | +| **borderColorBottom** | Bottom Border Color | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#FFFFFF" | +| **borderColorLeft** | Left Border Color | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#FFFFFF" | +| **borderWidthTop** | Top Border Width | "medium", "thin", "thick", length (integer + string unit), or "none" | "1px" | +| **borderWidthRight** | Right Border Width | "medium", "thin", "thick", length (integer + string unit), or "none" | "16px" | +| **borderWidthBottom** | Bottom Border Width | "medium", "thin", "thick", length (integer + string unit), or "none" | "1px" | +| **borderWidthLeft** | Left Border Width | "medium", "thin", "thick", length (integer + string unit), or "none" | "1px" | +| **borderStyleTop** | Top Border Style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset | "solid" | +| **borderStyleRight** | Right Border Style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset | "solid" | +| **borderStyleBottom** | Bottom Border Style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset | "solid" | +| **borderStyleLeft** | Left Border Style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset | "solid" | +| **fontStyle** | Styling to the font contained within the highlight | "normal", "italic", "oblique", or "none" | "normal" | +| **fontWeight** | Weight of the font contained within the highlight | "normal", "bold", "bolder", "lighter", string based number, "none" | "bolder" | +| **textDecoration** | Decoration of the font contained within the highlight | See: https://www.w3schools.com/cssref/pr_text_text-decoration.asp | "none" | +| **textColor** | Color of the font contained within the highlight | HEX(A), RGB(A), HSL(A), Predefined Color String, or "none" | "#FFFFFF" | + + # Contact Information +### Single Semester Snobs +#### Fall 2021 Semester - Jake Grossman: [\