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 2021/03/18 00:11:26 UTC
[GitHub] [superset] amancevice opened a new issue #4040: Dark Theme?
amancevice opened a new issue #4040:
URL: https://github.com/apache/superset/issues/4040
It would be nice if superset supported a 'dark' theme out of the box so that the app and its dashboards can easily be dimmed without writing a very extensive custom CSS.
----------------------------------------------------------------
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.
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] visakhmurukes commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764465227
@DrissiReda here you go
@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.
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] eugeniamz commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
eugeniamz commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-782886826
@junlincc FYI
----------------------------------------------------------------
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.
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] avaranze commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
avaranze commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-1038540925
Any update on this since #9123 is merged?
--
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] DrissiReda commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
DrissiReda commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764455358
----------------------------------------------------------------
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.
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] [incubator-superset] visakhmurukes commented on issue #4040: Dark
Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes commented on issue #4040: Dark Theme?
URL: https://github.com/apache/incubator-superset/issues/4040#issuecomment-585159643
Any updates on this?
Would be a great addition to have this
----------------------------------------------------------------
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.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org
[GitHub] [superset] DrissiReda commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
DrissiReda commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764455358
@visakhmurukes could you please share that custom CSS
----------------------------------------------------------------
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.
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] suddjian commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
suddjian commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-824334306
This is definitely being worked towards as Superset's component styles are switched to Emotion, but it will be quite a bit of work to get there. Relevant: #9123
--
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.
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] [incubator-superset] leon-do commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
leon-do commented on issue #4040: Dark Theme?
URL: https://github.com/apache/incubator-superset/issues/4040#issuecomment-586617247
bump?
----------------------------------------------------------------
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.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org
[GitHub] [superset] visakhmurukes edited a comment on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes edited a comment on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764465227
----------------------------------------------------------------
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.
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] DrissiReda commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
DrissiReda commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764490765
Thanks! any way that can be added to the whole superset ui?
----------------------------------------------------------------
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.
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] scimas commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
scimas commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-801455850
bump
----------------------------------------------------------------
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.
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] avaranze commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
avaranze commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-1038540925
Any update on this since #9123 is merged?
--
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] visakhmurukes edited a comment on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes edited a comment on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764465227
@DrissiReda here you go
Looks like its modifying code when pasted
Please find it attached
[dark.txt](https://github.com/apache/superset/files/5847840/dark.txt)
----------------------------------------------------------------
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.
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] junlincc commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
junlincc commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-801530326
Reopening and it's pinned.
----------------------------------------------------------------
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.
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] visakhmurukes edited a comment on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes edited a comment on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764465227
@DrissiReda here you go
`@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.
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] visakhmurukes commented on issue #4040: Dark Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes commented on issue #4040:
URL: https://github.com/apache/superset/issues/4040#issuecomment-764465227
@DrissiReda here you go
@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.
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] [incubator-superset] visakhmurukes commented on issue #4040: Dark
Theme?
Posted by GitBox <gi...@apache.org>.
visakhmurukes commented on issue #4040: Dark Theme?
URL: https://github.com/apache/incubator-superset/issues/4040#issuecomment-586619360
I ended up adding a custom CSS for the dashboard.
All except table looks fine at the moment
----------------------------------------------------------------
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.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org