modificato dropdown topbar, aggiunta topbar.css

src/TopBar.css

@@ -0,0 +1,18 @@
+
+.navbar-light .navbar-nav .nav-link {
+    color: rgb(255, 255, 255);
+}
+
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+    color: rgba(255,255,255);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light {
+    color: rgba(248, 245, 245, 0.808);
+}
+
+
+.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
+    color: rgb(248, 245, 245, 0,808);
+}

src/TopBar.js

@@ -9,6 +9,7 @@ import {
 	Button
 } from 'react-bootstrap'; //eslint-disable-next-line
 import { Link, withRouter } from 'react-router-dom';
+import './TopBar.css';
 // import PropTypes from "prop-types";
 
 class TopBar extends Component {
@@ -34,13 +35,7 @@ class TopBar extends Component {
 	render() {
 		return (
 			<Row>
-				<style type="text/css">
-					{`
-    .nav-custom {
-        color: white;
-    }
-    `}
-				</style>
+			
 				<Navbar bg="dark" className="py-0 px-1 w-100" expand="md">
 					<Navbar.Brand>
 						<Link to="/">HazeTV</Link>
@@ -50,7 +45,7 @@ class TopBar extends Component {
 						<Nav className="mr-auto">
 							<Nav.Link href="#home" className="text-light">Home</Nav.Link>
 							<Nav.Link href="#link" className="text-light">Link</Nav.Link>
-							<NavDropdown title="arnaldo" id="basic-nav-dropdown" bsPrefix="nav-custom">
+							<NavDropdown title="arnaldo" id="basic-nav-dropdown" >
 								<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
 								<NavDropdown.Item href="#action/3.2">
 									Another action