Skip to content

Instantly share code, notes, and snippets.

@thedod
Last active December 23, 2021 22:51
Show Gist options
  • Save thedod/8554602 to your computer and use it in GitHub Desktop.
Save thedod/8554602 to your computer and use it in GitHub Desktop.
Golden slate - golden variation on http://bootswatch.com/slate/
{
"vars": {
"@brand-primary": "#856f4a",
"@brand-success": "#77B300",
"@brand-warning": "#FF8800",
"@brand-danger": "#CC0000",
"@brand-info": "#9933CC",
"@body-bg": "#19130d",
"@text-color": "lighten(@brand-info,5%)",
"@link-color": "@brand-primary",
"@link-hover-color": "lighten(@link-color,15%)",
"@font-family-sans-serif": "\"Droid Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
"@font-family-serif": "Georgia, \"Times New Roman\", Times, serif",
"@font-family-monospace": "Menlo, Monaco, Consolas, \"Courier New\", monospace",
"@font-family-base": "@font-family-sans-serif",
"@font-size-base": "14px",
"@line-height-base": "1.428571429",
"@line-height-large": "1.33",
"@line-height-small": "1.5",
"@font-size-h1": "floor(@font-size-base * 2.6)",
"@font-size-h2": "floor(@font-size-base * 2.15)",
"@font-size-h3": "ceil(@font-size-base * 1.7)",
"@font-size-h4": "ceil(@font-size-base * 1.25)",
"@font-size-h5": "@font-size-base",
"@font-size-h6": "ceil(@font-size-base * 0.85)",
"@headings-font-family": "@font-family-base",
"@headings-font-weight": "500",
"@headings-line-height": "1.1",
"@headings-color": "#fed",
"@code-color": "#c7254e",
"@code-bg": "#f9f2f4",
"@pre-color": "lighten(@body-bg,10%)",
"@pre-bg": "#f5e5d5",
"@pre-border-color": "#cba",
"@screen-xs-min": "@screen-xs",
"@screen-sm-min": "@screen-sm",
"@screen-md-min": "@screen-md",
"@screen-lg-min": "@screen-lg",
"@container-sm": "@container-tablet",
"@container-md": "@container-desktop",
"@container-lg": "@container-large-desktop",
"@grid-columns": "12",
"@grid-gutter-width": "30px",
"@grid-float-breakpoint": "@screen-sm-min",
"@padding-base-vertical": "8px",
"@padding-base-horizontal": "12px",
"@padding-large-vertical": "14px",
"@padding-large-horizontal": "16px",
"@padding-small-vertical": "5px",
"@padding-small-horizontal": "10px",
"@border-radius-base": "4px",
"@border-radius-large": "6px",
"@border-radius-small": "3px",
"@component-active-color": "#fed",
"@component-active-bg": "@brand-primary",
"@caret-width-base": "4px",
"@caret-width-large": "5px",
"@btn-font-weight": "normal",
"@btn-link-disabled-color": "lighten(@brand-info,5%)",
"@btn-default-color": "#fed",
"@btn-default-bg": "lighten(lighten(@body-bg,10%), 10%)",
"@btn-default-border": "@btn-default-bg",
"@btn-primary-color": "@btn-default-color",
"@btn-primary-bg": "@brand-primary",
"@btn-primary-border": "@btn-primary-bg",
"@btn-info-color": "@btn-default-color",
"@btn-info-bg": "@brand-info",
"@btn-info-border": "@btn-info-bg",
"@btn-success-color": "@btn-default-color",
"@btn-success-bg": "@brand-success",
"@btn-success-border": "@btn-success-bg",
"@btn-warning-color": "@btn-default-color",
"@btn-warning-bg": "@brand-warning",
"@btn-warning-border": "@btn-warning-bg",
"@btn-danger-color": "@btn-default-color",
"@btn-danger-bg": "@brand-danger",
"@btn-danger-border": "@btn-danger-bg",
"@state-success-text": "#fed",
"@state-success-bg": "@brand-success",
"@state-success-border": "darken(spin(@state-success-bg, -10), 5%)",
"@state-warning-text": "#fed",
"@state-warning-bg": "@brand-warning",
"@state-warning-border": "darken(spin(@state-warning-bg, -10), 3%)",
"@state-danger-text": "#fed",
"@state-danger-bg": "@brand-danger",
"@state-danger-border": "darken(spin(@state-danger-bg, -10), 3%)",
"@state-info-text": "#fed",
"@state-info-bg": "@brand-info",
"@state-info-border": "darken(spin(@state-info-bg, -10), 7%)",
"@alert-padding": "15px",
"@alert-border-radius": "@border-radius-base",
"@alert-link-font-weight": "bold",
"@alert-warning-text": "@state-warning-text",
"@alert-warning-bg": "@state-warning-bg",
"@alert-warning-border": "@state-warning-border",
"@alert-success-text": "@state-success-text",
"@alert-success-bg": "@state-success-bg",
"@alert-success-border": "@state-success-border",
"@alert-danger-text": "@state-danger-text",
"@alert-danger-bg": "@state-danger-bg",
"@alert-danger-border": "@state-danger-border",
"@alert-info-text": "@state-info-text",
"@alert-info-bg": "@state-info-bg",
"@alert-info-border": "@state-info-border",
"@navbar-height": "50px",
"@navbar-margin-bottom": "@line-height-computed",
"@navbar-padding-horizontal": "floor(@grid-gutter-width / 2)",
"@navbar-border-radius": "@border-radius-base",
"@navbar-default-color": "@text-color",
"@navbar-default-bg": "@body-bg",
"@navbar-default-border": "darken(@navbar-default-bg, 6.5%)",
"@navbar-default-link-color": "@text-color",
"@navbar-default-link-hover-color": "#fed",
"@navbar-default-link-hover-bg": "transparent",
"@navbar-default-link-active-color": "@brand-info",
"@navbar-default-link-active-bg": "transparent",
"@navbar-default-link-disabled-color": "lighten(@brand-info,5%)",
"@navbar-default-link-disabled-bg": "transparent",
"@navbar-default-brand-color": "#fed",
"@navbar-default-brand-hover-color": "#fed",
"@navbar-default-brand-hover-bg": "transparent",
"@navbar-default-toggle-hover-bg": "lighten(@body-bg,10%)",
"@navbar-default-toggle-icon-bar-bg": "#ccc",
"@navbar-default-toggle-border-color": "lighten(@body-bg,10%)",
"@navbar-inverse-color": "lighten(@brand-info,5%)",
"@navbar-inverse-bg": "lighten(@body-bg,5%)",
"@navbar-inverse-border": "darken(@navbar-inverse-bg, 10%)",
"@navbar-inverse-link-color": "lighten(@brand-info,5%)",
"@navbar-inverse-link-hover-color": "#fed",
"@navbar-inverse-link-hover-bg": "transparent",
"@navbar-inverse-link-active-color": "@navbar-inverse-link-hover-color",
"@navbar-inverse-link-active-bg": "transparent",
"@navbar-inverse-link-disabled-color": "#aaa",
"@navbar-inverse-link-disabled-bg": "transparent",
"@navbar-inverse-brand-color": "#fed",
"@navbar-inverse-brand-hover-color": "#fed",
"@navbar-inverse-brand-hover-bg": "transparent",
"@navbar-inverse-toggle-hover-bg": "#333",
"@navbar-inverse-toggle-icon-bar-bg": "#fed",
"@navbar-inverse-toggle-border-color": "#333",
"@nav-link-padding": "10px 15px",
"@nav-link-hover-bg": "lighten(@body-bg,5%)",
"@nav-disabled-link-color": "lighten(@brand-info,5%)",
"@nav-disabled-link-hover-color": "lighten(@brand-info,5%)",
"@nav-open-link-hover-color": "lighten(@body-bg,5%)",
"@nav-pills-active-link-hover-color": "@component-active-color",
"@nav-pills-active-link-hover-bg": "@component-active-bg",
"@nav-tabs-border-color": "lighten(@body-bg,10%)",
"@nav-tabs-link-hover-border-color": "transparent",
"@nav-tabs-active-link-hover-color": "#fed",
"@nav-tabs-active-link-hover-bg": "@brand-primary",
"@nav-tabs-active-link-hover-border-color": "lighten(@body-bg,10%)",
"@nav-tabs-justified-link-border-color": "#ddd",
"@nav-tabs-justified-active-link-border-color": "@body-bg",
"@table-cell-padding": "8px",
"@table-condensed-cell-padding": "5px",
"@table-bg": "darken(lighten(@body-bg,5%), 4%)",
"@table-bg-accent": "darken(@table-bg, 6%)",
"@table-bg-hover": "lighten(@body-bg,10%)",
"@table-border-color": "lighten(@body-bg,10%)",
"@input-color": "@text-color",
"@input-bg": "#fed",
"@input-border": "lighten(@body-bg,10%)",
"@input-border-radius": "@border-radius-base",
"@input-color-placeholder": "lighten(@brand-info,5%)",
"@input-border-focus": "#66afe9",
"@input-bg-disabled": "lighten(@brand-info,10%)",
"@input-height-base": "(@line-height-computed + (@padding-base-vertical * 2) + 2)",
"@input-height-large": "(ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2)",
"@input-height-small": "(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2)",
"@legend-color": "@text-color",
"@legend-border-color": "lighten(@body-bg,10%)",
"@input-group-addon-bg": "lighten(@brand-info,10%)",
"@input-group-addon-border-color": "@input-border",
"@dropdown-bg": "lighten(@body-bg,5%)",
"@dropdown-border": "rgba(255,255,255,0.1)",
"@dropdown-fallback-border": "#444",
"@dropdown-divider-bg": "rgba(255,255,255,0.1)",
"@dropdown-header-color": "@text-muted",
"@dropdown-link-color": "#fed",
"@dropdown-link-hover-color": "#fed",
"@dropdown-link-hover-bg": "@dropdown-link-active-bg",
"@dropdown-link-active-color": "#fed",
"@dropdown-link-active-bg": "@component-active-bg",
"@dropdown-link-disabled-color": "@text-muted",
"@panel-bg": "lighten(@body-bg,5%)",
"@panel-inner-border": "lighten(@body-bg,10%)",
"@panel-border-radius": "@border-radius-base",
"@panel-footer-bg": "@panel-default-heading-bg",
"@panel-default-text": "@text-color",
"@panel-default-border": "@panel-inner-border",
"@panel-default-heading-bg": "lighten(lighten(@body-bg,5%), 10%)",
"@panel-primary-text": "#fed",
"@panel-primary-border": "@brand-primary",
"@panel-primary-heading-bg": "@brand-primary",
"@panel-success-text": "@state-success-text",
"@panel-success-border": "@state-success-border",
"@panel-success-heading-bg": "@state-success-bg",
"@panel-info-text": "@state-info-text",
"@panel-info-border": "@state-info-border",
"@panel-info-heading-bg": "@state-info-bg",
"@panel-warning-text": "@state-warning-text",
"@panel-warning-border": "@state-warning-border",
"@panel-warning-heading-bg": "@state-warning-bg",
"@panel-danger-text": "@state-danger-text",
"@panel-danger-border": "@state-danger-border",
"@panel-danger-heading-bg": "@state-danger-bg",
"@well-bg": "darken(lighten(@body-bg,5%), 5%)",
"@badge-font-weight": "bold",
"@badge-color": "#fed",
"@badge-bg": "@brand-primary",
"@badge-border-radius": "10px",
"@badge-link-hover-color": "#fed",
"@badge-active-color": "@brand-primary",
"@badge-active-bg": "#fed",
"@breadcrumb-color": "#fed",
"@breadcrumb-bg": "lighten(@body-bg,5%)",
"@breadcrumb-active-color": "@text-color",
"@breadcrumb-separator": "\"/\"",
"@jumbotron-padding": "30px",
"@jumbotron-bg": "darken(lighten(@body-bg,5%), 5%)",
"@jumbotron-font-size": "ceil(@font-size-base * 1.5)",
"@jumbotron-color": "inherit",
"@jumbotron-heading-color": "inherit",
"@modal-inner-padding": "20px",
"@modal-backdrop-bg": "#000",
"@modal-title-padding": "15px",
"@modal-title-line-height": "@line-height-base",
"@modal-header-border-color": "lighten(@body-bg,10%)",
"@modal-footer-border-color": "@modal-header-border-color",
"@modal-content-bg": "lighten(@body-bg, 10%)",
"@modal-content-border-color": "rgba(0,0,0,.2)",
"@modal-content-fallback-border-color": "#999",
"@carousel-text-shadow": "0 1px 2px rgba(0,0,0,.6)",
"@carousel-control-color": "#fed",
"@carousel-caption-color": "#fed",
"@carousel-indicator-border-color": "#fed",
"@carousel-indicator-active-bg": "#fed",
"@list-group-bg": "lighten(@body-bg,5%)",
"@list-group-border": "lighten(@body-bg,10%)",
"@list-group-border-radius": "@border-radius-base",
"@list-group-hover-bg": "lighten(@list-group-bg, 15%)",
"@list-group-active-color": "@component-active-color",
"@list-group-active-bg": "@component-active-bg",
"@list-group-active-border": "@list-group-active-bg",
"@thumbnail-padding": "4px",
"@thumbnail-bg": "@body-bg",
"@thumbnail-border": "#ddd",
"@thumbnail-border-radius": "@border-radius-base",
"@thumbnail-caption-padding": "9px",
"@thumbnail-caption-color": "@text-color",
"@progress-bg": "lighten(@body-bg,5%)",
"@progress-bar-color": "#fed",
"@progress-bar-bg": "@brand-primary",
"@progress-bar-success-bg": "@brand-success",
"@progress-bar-info-bg": "@brand-info",
"@progress-bar-warning-bg": "@brand-warning",
"@progress-bar-danger-bg": "@brand-danger",
"@pagination-bg": "lighten(@body-bg,5%)",
"@pagination-border": "lighten(@body-bg,10%)",
"@pagination-hover-bg": "@component-active-bg",
"@pagination-disabled-color": "lighten(@brand-info,5%)",
"@pagination-active-bg": "@brand-primary",
"@pagination-active-color": "#fed",
"@pager-border-radius": "15px",
"@pager-disabled-color": "lighten(@brand-info,5%)",
"@label-color": "#fed",
"@label-link-hover-color": "#fed",
"@label-default-bg": "@btn-default-bg",
"@label-primary-bg": "@brand-primary",
"@label-success-bg": "@brand-success",
"@label-info-bg": "@brand-info",
"@label-warning-bg": "@brand-warning",
"@label-danger-bg": "@brand-danger",
"@tooltip-color": "#fed",
"@tooltip-bg": "rgba(0,0,0,.9)",
"@tooltip-arrow-width": "5px",
"@tooltip-arrow-color": "@tooltip-bg",
"@tooltip-max-width": "200px",
"@popover-bg": "lighten(@body-bg, 10%)",
"@popover-max-width": "276px",
"@popover-border-color": "rgba(0,0,0,.2)",
"@popover-fallback-border-color": "#999",
"@popover-title-bg": "darken(@popover-bg, 3%)",
"@popover-arrow-width": "10px",
"@popover-arrow-color": "@popover-bg",
"@popover-arrow-outer-width": "(@popover-arrow-width + 1)",
"@popover-arrow-outer-color": "rgba(0,0,0,.25)",
"@popover-arrow-outer-fallback-color": "#999",
"@close-font-weight": "bold",
"@close-color": "#000",
"@close-text-shadow": "0 1px 0 #fed",
"@text-muted": "lighten(@brand-info,5%)",
"@abbr-border-color": "lighten(@brand-info,5%)",
"@headings-small-color": "lighten(@brand-info,5%)",
"@blockquote-small-color": "@gray",
"@blockquote-border-color": "lighten(@body-bg,10%)",
"@page-header-border-color": "lighten(@body-bg,10%)",
"@hr-border": "lighten(@body-bg,10%)",
"@component-offset-horizontal": "180px"
},
"css": [
"print.less",
"type.less",
"code.less",
"grid.less",
"tables.less",
"forms.less",
"buttons.less",
"glyphicons.less",
"button-groups.less",
"input-groups.less",
"navs.less",
"navbar.less",
"breadcrumbs.less",
"pagination.less",
"pager.less",
"labels.less",
"badges.less",
"jumbotron.less",
"thumbnails.less",
"alerts.less",
"progress-bars.less",
"media.less",
"list-group.less",
"panels.less",
"wells.less",
"close.less",
"dropdowns.less",
"tooltip.less",
"popovers.less",
"modals.less",
"carousel.less",
"utilities.less",
"responsive-utilities.less",
"component-animations.less"
],
"js": [
"alert.js",
"button.js",
"carousel.js",
"dropdown.js",
"modal.js",
"tooltip.js",
"popover.js",
"tab.js",
"affix.js",
"collapse.js",
"scrollspy.js",
"transition.js"
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment