Merge pull request #96 from GitGud-org/boldStyle

Bold style

Author: H3RSKO

styleFile.js

@@ -1,17 +1,35 @@
 module.exports = {
 	// setting to show or not show GitGud logo at top of app
-	showLogo: false, // accepted values include [true, false]
+	showLogo: true, // accepted values include [true, false]
 
 	// setting for default text colors
-	defaultColor: 'green', // accepted values include ['red', 'blue', 'white', 'green', etc.]
+	defaultColor: 'white', // accepted values include ['red', 'blue', 'white', 'green', etc.]
 
 	// setting for accent text and line colors
 	accentColor: 'red', // accepted values include ['red', 'blue', 'white', 'green', etc.]
 
 	// setting to determine whether app dynamically adjusts to screen resizing; setting to false may improve performance
-	appResize: true, // acepted values include [true, false]
+	appResize: true, // accepted values include [true, false]
 
 	// setting to to determine whether or not app shows git flags by staged/unstaged files
-	showFlag: false, // acepted values include [true, false]
+	showFlag: false, // accepted values include [true, false]
 
+	// setting to change boldness of git tree
+	changeBold: true, // accepted values include [true, false]
+
+	// setting to change the border style
+	changeBorder: 'bold' // accepted values are ['single', 'double', 'round', 'bold']
 }
+
+
+
+
+
+
+
+
+
+
+
+
+//here for example presentation video

ui.js

@@ -18,7 +18,7 @@ const gitStatusProcess = require('./actions/gitStatusProcess')
 const gitBranchVisualPull = require('./actions/gitBranchVisualPull')
 const gitBranchVisualProcess = require('./actions/gitBranchVisualProcess')
 
-const {showLogo, defaultColor, accentColor, appResize} = require('./styleFile')
+const {showLogo, defaultColor, accentColor, appResize, changeBold, changeBorder} = require('./styleFile')
 
 const App = () => {
 	const [status, setStatus] = useState("");
@@ -55,7 +55,7 @@ const App = () => {
 		<Box flexDirection="column" minHeight={appheight}>
 			{showLogo && <Logo />}
 			<Box
-				borderStyle="round"
+				borderStyle={changeBorder} //HERE IS THE CURRENT BORDER TO CHANGE
 				borderColor={accentColor}
 				className="full-app"
 				height={20}
@@ -97,7 +97,7 @@ const App = () => {
 				</Box>
 				<Box
 					className="gitBranch"
-					borderStyle="round"
+					borderStyle={changeBorder} //ALSO HERE
 					borderColor={accentColor}
 					className="left-box"
 					width="65%"
@@ -113,7 +113,7 @@ const App = () => {
 						<Text color={defaultColor}>Newest to Oldest </Text>
 					</Box>
 					<Box flexDirection="row">
-						<Text color={defaultColor} bold>
+						<Text color={defaultColor} bold={changeBold}>
 							{visualProcessed.sorted}
 						</Text>
 						<Text> </Text>