Hi all,
I have the following code
# -*- coding: utf-8 -*-
# --------- Import libraries -----------
import dash
from dash import Dash, dcc, html, Input, Output
import pandas as pd
import plotly.express as px
import dash_bootstrap_components as dbc
# --------------- Define App -------------
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
# --------------- Start App Layout ------------------
app.layout = html.Div([
# first row
dbc.Row(dbc.Col(html.Hr(style={'borderWidth': "0.3vh", "width": "100%", "borderColor": "#53917E", "borderStyle":"solid"}),width={'size':10, 'offset':1}),),
dbc.Row( # start of second row
[ # you have to create a children's array to have more than one column in a row
dbc.Col(html.H1("Legislativas 2022 Media Monitor"), width={'size': 6, 'offset':1}), #First Column
dbc.Col(html.H4("Data from CrowdTangle"), width={'size': 5, 'offset':0}), #Second Column
], # Close Children of first Row
), # end of first row
dbc.Row(dbc.Col(html.H5("Observing Media Trends"), width={'size':3, 'offset':1}),), # third row
# fourth row makes horizontal line
dbc.Row(dbc.Col(html.Hr(style={'borderWidth': "1.3vh", "width": "100%", "borderColor": "#53917E","borderStyle":"solid"}),width={'size':10, 'offset':1}),),
], # Div Array Closes
) # HTML div closes
# ------------- Start App --------------
if __name__ == "__main__":
app.run_server(debug=True)
This is the beginning of a template for a Dashboard but I ran into something that is quite a weird behaviour:
The color I’ve chosen for the horizontal lines is #53917E. However when I ran the app, the color that is displayed is #D5E3DF
Here is an image with the diference
I’m sure I’m doing something wrong, and any help would be much appreciated, as I can’t figure this one out
Thank you in advance!