Sample dark theme css :

:root {
  --gn-font-family-sans-serif: 'Montserrat', sans-serif;
  --gn-font-family-serif: Georgia, 'Times New Roman', Times, serif;
  --gn-font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --gn-font-family-base: 'Montserrat', sans-serif;
  --gn-main-color: #dedede;
  --gn-main-bg: #383838;
  --gn-main-border-color: #4a4a4a;
  --gn-main-variant-color: #dedede;
  --gn-main-variant-bg: #4a4a4a;
  --gn-main-hover-color: #e6e6e6;
  --gn-main-hover-bg: #292929;
  --gn-placeholder-color: #878787;
  --gn-placeholder-bg: #545454;
  --gn-disabled-color: #878787;
  --gn-disabled-bg: #545454;
  --gn-primary: #a3f4ff;
  --gn-info: #70c4ff;
  --gn-success: #8fffb4;
  --gn-warning: #ffdb70;
  --gn-danger: #ff7e75;
  --gn-primary-contrast: #141414;
  --gn-info-contrast: #4a4a4a;
  --gn-success-contrast: #292929;
  --gn-warning-contrast: #212121;
  --gn-danger-contrast: #292929;
  --gn-link-color: #a3cbff;
  --gn-link-hover-color: #87a6cf;
  --gn-image-color: #333333;
  --gn-image-bg: #f2f2f2;
  --gn-focus-color: rgba(57, 122, 171, 0.4);
  --gn-footer-color: #ededed;
  --gn-footer-bg: #242424;
  --gn-footer-link-color: #a3cbff;
  --gn-footer-link-hover-color: #87a6cf;
  --gn-badge-color: #dedede;
  --gn-badge-bg: #4f4f4f;
  --gn-loader-color: #dedede;
  --gn-loader-fade-color: rgba(222, 222, 222, 0.2);
  --gn-loader-primary-contrast-color: #141414;
  --gn-loader-primary-contrast-fade-color: rgba(20, 20, 20, 0.2);
  --gn-loader-primary-color: #a3f4ff;
  --gn-loader-primary-fade-color: rgba(163, 244, 255, 0.2);
  --gn-jumbotron-color: #ffffff;
  --gn-jumbotron-bg: #4a4a4a;
  --gn-timeline-selected-bg: rgba(163, 244, 255, 0.05);
  --gn-timeline-histogram-bg: rgba(163, 244, 255, 0.5);
  --gn-timeline-histogram-color: #70eeff;
  --gn-timeline-range-bg: rgba(222, 222, 222, 0.2);
  --gn-timeline-playback-range-bg: rgba(194, 255, 214, 0.2);
  --gn-button-color: #dedede;
  --gn-button-bg: #383838;
  --gn-button-action-border-color: #4a4a4a;
  --gn-button-border-color: #383838;
  --gn-button-focus-color: #dedede;
  --gn-button-focus-bg: #1e1e1e;
  --gn-button-focus-border-color: #1e1e1e;
  --gn-button-hover-color: #f8f8f8;
  --gn-button-hover-bg: #1e1e1e;
  --gn-button-hover-border-color: #1e1e1e;
  --gn-button-active-color: #f8f8f8;
  --gn-button-active-bg: #1e1e1e;
  --gn-button-active-border-color: #1e1e1e;
  --gn-button-active-hover-color: #f8f8f8;
  --gn-button-active-hover-bg: #0d0d0d;
  --gn-button-active-hover-border-color: #0d0d0d;
  --gn-button-disabled-color: #8c8c8c;
  --gn-button-disabled-bg: #4a4a4a;
  --gn-button-disabled-border-color: #4a4a4a;
  --gn-button-badge-color: #dedede;
  --gn-button-badge-bg: #383838;
  --gn-button-primary-color: #141414;
  --gn-button-primary-bg: #a3f4ff;
  --gn-button-primary-border-color: #a3f4ff;
  --gn-button-primary-focus-color: #141414;
  --gn-button-primary-focus-bg: #70eeff;
  --gn-button-primary-focus-border-color: #23e5ff;
  --gn-button-primary-hover-color: #141414;
  --gn-button-primary-hover-bg: #70eeff;
  --gn-button-primary-hover-border-color: #66edff;
  --gn-button-primary-active-color: #141414;
  --gn-button-primary-active-bg: #70eeff;
  --gn-button-primary-active-border-color: #66edff;
  --gn-button-primary-active-hover-color: #141414;
  --gn-button-primary-active-hover-bg: #4ceaff;
  --gn-button-primary-active-hover-border-color: #23e5ff;
  --gn-button-primary-disabled-color: #141414;
  --gn-button-primary-disabled-bg: #ffffff;
  --gn-button-primary-disabled-border-color: #ffffff;
  --gn-button-primary-badge-color: #a3f4ff;
  --gn-button-primary-badge-bg: #141414;
  --gn-button-info-color: #4a4a4a;
  --gn-button-info-bg: #70c4ff;
  --gn-button-info-border-color: #70c4ff;
  --gn-button-info-focus-color: #4a4a4a;
  --gn-button-info-focus-bg: #3dafff;
  --gn-button-info-focus-border-color: #008df0;
  --gn-button-info-hover-color: #4a4a4a;
  --gn-button-info-hover-bg: #3dafff;
  --gn-button-info-hover-border-color: #33abff;
  --gn-button-info-active-color: #4a4a4a;
  --gn-button-info-active-bg: #3dafff;
  --gn-button-info-active-border-color: #33abff;
  --gn-button-info-active-hover-color: #4a4a4a;
  --gn-button-info-active-hover-bg: #19a0ff;
  --gn-button-info-active-hover-border-color: #008df0;
  --gn-button-info-disabled-color: #4a4a4a;
  --gn-button-info-disabled-bg: #dcedf9;
  --gn-button-info-disabled-border-color: #dcedf9;
  --gn-button-info-badge-color: #70c4ff;
  --gn-button-info-badge-bg: #4a4a4a;
  --gn-button-success-color: #292929;
  --gn-button-success-bg: #8fffb4;
  --gn-button-success-border-color: #8fffb4;
  --gn-button-success-focus-color: #292929;
  --gn-button-success-focus-bg: #5cff92;
  --gn-button-success-focus-border-color: #10ff5f;
  --gn-button-success-hover-color: #292929;
  --gn-button-success-hover-bg: #5cff92;
  --gn-button-success-hover-border-color: #52ff8b;
  --gn-button-success-active-color: #292929;
  --gn-button-success-active-bg: #5cff92;
  --gn-button-success-active-border-color: #52ff8b;
  --gn-button-success-active-hover-color: #292929;
  --gn-button-success-active-hover-bg: #38ff7a;
  --gn-button-success-active-hover-border-color: #10ff5f;
  --gn-button-success-disabled-color: #292929;
  --gn-button-success-disabled-bg: #f7fef9;
  --gn-button-success-disabled-border-color: #f7fef9;
  --gn-button-success-badge-color: #8fffb4;
  --gn-button-success-badge-bg: #292929;
  --gn-button-warning-color: #212121;
  --gn-button-warning-bg: #ffdb70;
  --gn-button-warning-border-color: #ffdb70;
  --gn-button-warning-focus-color: #212121;
  --gn-button-warning-focus-bg: #ffce3d;
  --gn-button-warning-focus-border-color: #f0b300;
  --gn-button-warning-hover-color: #212121;
  --gn-button-warning-hover-bg: #ffce3d;
  --gn-button-warning-hover-border-color: #ffcc33;
  --gn-button-warning-active-color: #212121;
  --gn-button-warning-active-bg: #ffce3d;
  --gn-button-warning-active-border-color: #ffcc33;
  --gn-button-warning-active-hover-color: #212121;
  --gn-button-warning-active-hover-bg: #ffc519;
  --gn-button-warning-active-hover-border-color: #f0b300;
  --gn-button-warning-disabled-color: #212121;
  --gn-button-warning-disabled-bg: #f9f2dc;
  --gn-button-warning-disabled-border-color: #f9f2dc;
  --gn-button-warning-badge-color: #ffdb70;
  --gn-button-warning-badge-bg: #212121;
  --gn-button-danger-color: #292929;
  --gn-button-danger-bg: #ff7e75;
  --gn-button-danger-border-color: #ff7e75;
  --gn-button-danger-focus-color: #292929;
  --gn-button-danger-focus-bg: #ff4e42;
  --gn-button-danger-focus-border-color: #f41000;
  --gn-button-danger-hover-color: #292929;
  --gn-button-danger-hover-bg: #ff4e42;
  --gn-button-danger-hover-border-color: #ff4538;
  --gn-button-danger-active-color: #292929;
  --gn-button-danger-active-bg: #ff4e42;
  --gn-button-danger-active-border-color: #ff4538;
  --gn-button-danger-active-hover-color: #292929;
  --gn-button-danger-active-hover-bg: #ff2d1e;
  --gn-button-danger-active-hover-border-color: #f41000;
  --gn-button-danger-disabled-color: #292929;
  --gn-button-danger-disabled-bg: #fae2e0;
  --gn-button-danger-disabled-border-color: #fae2e0;
  --gn-button-danger-badge-color: #ff7e75;
  --gn-button-danger-badge-bg: #292929;
  --gn-button-tray-color: #f8f8f8;
  --gn-button-tray-bg: #383838;
  --gn-button-tray-border-color: #adf5ff;
  --gn-button-tray-focus-color: #f8f8f8;
  --gn-button-tray-focus-bg: #1e1e1e;
  --gn-button-tray-focus-border-color: #57ebff;
  --gn-button-tray-hover-color: #f8f8f8;
  --gn-button-tray-hover-bg: #1e1e1e;
  --gn-button-tray-hover-border-color: #99f3ff;
  --gn-button-tray-active-color: #f8f8f8;
  --gn-button-tray-active-bg: #1e1e1e;
  --gn-button-tray-active-border-color: #99f3ff;
  --gn-button-tray-active-hover-color: #f8f8f8;
  --gn-button-tray-active-hover-bg: #0d0d0d;
  --gn-button-tray-active-hover-border-color: #57ebff;
  --gn-button-tray-disabled-color: #f8f8f8;
  --gn-button-tray-disabled-bg: #6b6b6b;
  --gn-button-tray-disabled-border-color: #6b6b6b;
  --gn-button-tray-badge-color: #383838;
  --gn-button-tray-badge-bg: #f8f8f8;
}