You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@superset.apache.org by GitBox <gi...@apache.org> on 2022/01/26 11:49:59 UTC

[GitHub] [superset] joaopereiradsantos opened a new issue #18173: Unable to change tabs background color

joaopereiradsantos opened a new issue #18173:
URL: https://github.com/apache/superset/issues/18173


   ## Screenshot
   Image 1:
   <img width="1755" alt="image" src="https://user-images.githubusercontent.com/69473233/151157128-b55143ad-faa6-43fd-b5fd-178a8b86a5ed.png">
   
   Image 2:
   <img width="1757" alt="image" src="https://user-images.githubusercontent.com/69473233/151157216-71617ac5-0459-4504-92d8-17ef49a4f692.png">
   
   ## Description
   
   I'm trying to use the following CSS config from (https://github.com/apache/superset/issues/4040) but I'm having some difficulties with the following:
   * How to remove/ change the background on tabs (Image 2 for reference). 
   * How to change the text color from some graphs such as the piechart (hard to read 'girl' and 'boy' - dark over dark color)
   
   ## CSS Script:
   ```
   @import 'https://fonts.googleapis.com/css?family=Open+Sans';
   
   * {
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
   }
   
   body{
   	font-family: 'Open Sans', sans-serif;
   	line-height: 1.75em;
   	font-size: 16px;
   	background-color: #222;
   	color: #aaa;
   }
   .superset-legacy-chart-table {
       background-color: #333 !important;
   }
   
   .nvtooltip table td, .nvtooltip table td strong.x-value {
   color:#222;
   }
   
   iframe {
   width: 80%;
   height: 80%;
   }
   
   .table{
      background-color:#333 !important;
   }
   
   .table .table{
      background-color:#333 !important;
   }
   
   .table-striped>tbody>tr:nth-of-type(odd){
   background-color:#333 !important;
   }
   
   .dashboard-component-chart-holder {
      background-color: #303030;
      border-radius: 5px;
   }
   .header-line {
     color: #f5f5f5;
   }
   
   .nv-legend-text{
    fill:#fcfcfc !important;
   }
   .treemap text tspan{
      fill: midnightblue;
      text-shadow:none;
   }
   
   .nv-label text {
    fill:#fcfcfc !important;
   
   }
   .nvd3.nv-pie.nv-slice path{
   stroke:#c5c5c5;
   }
   
   text {
    fill: #fcfcfc;
   text-shadow:0 0 1px #000;
   }
   
   .dashboard-component-chart-holder{
   color:#c2c2c2;
   }
   
   .simple-container {
   	max-width: 675px;
   	margin: 0 auto;
   	padding-top: 70px;
   	padding-bottom: 20px;
   }
   
   .Select-control{
   background-color: #ccc;
   }
   .Select-value-label{
   color: #c66e01e0;
   }
   
   .simple-print {
   	fill: white;
   	stroke: white;
   }
   .simple-print svg {
   	height: 100%;
   }
   
   .simple-close {
   	color: white;
   	border-color: white;
   }
   
   .simple-ext-info {
   	border-top: 1px solid #aaa;
   }
   
   p {
   	font-size: 16px;
   }
   
   h1 {
   	font-size: 30px;
   	line-height: 34px;
   }
   
   h2 {
   	font-size: 20px;
   	line-height: 25px;
   }
   
   h3 {
   	font-size: 16px;
   	line-height: 27px;
   	padding-top: 15px;
   	padding-bottom: 15px;
   	border-bottom: 1px solid #D8D8D8;
   	border-top: 1px solid #D8D8D8;
   }
   
   hr {
   	height: 1px;
   	background-color: #d8d8d8;
   	border: none;
   	width: 100%;
   	margin: 0px;
   }
   
   a[href] {
   	color: #1e8ad6;
   }
   
   a[href]:hover {
   	color: #3ba0e6;
   }
   
   img {
   	max-width: 100%;
   }
   
   li {
   	line-height: 1.5em;
   }
   
   aside,
   [class *= "sidebar"],
   [id *= "sidebar"] {
   	max-width: 90%;
   	margin: 0 auto;
   	border: 1px solid lightgrey;
   	padding: 5px 15px;
   }
   
   @media (min-width: 1921px) {
   	body {
   		font-size: 18px;
   	}
   }
   ```
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


[GitHub] [superset] srinify closed issue #18173: Unable to change tabs background color

Posted by GitBox <gi...@apache.org>.
srinify closed issue #18173:
URL: https://github.com/apache/superset/issues/18173


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


[GitHub] [superset] srinify commented on issue #18173: Unable to change tabs background color

Posted by GitBox <gi...@apache.org>.
srinify commented on issue #18173:
URL: https://github.com/apache/superset/issues/18173#issuecomment-1022223867


   Hi there! Do you mind reposting in the Superset Slack or in Github discussions? Github issues is meant to be a focused place for bugs that have clear reproduction instructions or need to be reproduced :)


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org