{"sections":[{"urls":[],"urlPrefixes":[],"domains":[],"regexps":[],"code":"/* \r\n    Name: Beatport Dark Theme\r\n Purpose: Change Beatport colours to light-on-dark, like it used to be\r\n  Author: Ben Quextal \u003cquextal@quextal.com\u003e\r\n     URL: http://userstyles.org/styles/50808 \r\n Version: 1.3\r\n    Date: 2012/12/03\r\n MyStuff: http://quextal.com\r\n*/\r\n\r\n@namespace url(http://www.w3.org/1999/xhtml);"},{"urls":[],"urlPrefixes":[],"domains":["www.beatport.com"],"regexps":[],"code":"/* Where an rgb() color specification has been used, these are colours used\r\n     elsewhere on Beatport that I've grabbed using Color Picker. Otherwise\r\n     they're my choices */\r\n  #body {\r\n    background-color: black !important;\r\n  }\r\n  .bg-light-grey {\r\n    background-color: #404040 !important;\r\n  }\r\n  .bg-white {\r\n    background-color: #606060 !important;\r\n  }\r\n  .txt-grey-medium {\r\n    color: #606060 !important;\r\n  }\r\n  .txt-grey a {\r\n    color: #a0a0a0 !important;\r\n  }\r\n\r\n  div.playGroup ul, div.track-grid ul, .playRow, .pageBottom, li.unit-renderer-row {\r\n    background-color: #303030 !important;\r\n  } \r\n  li.unit-renderer-row h3 a, .playRow a {\r\n    color: white !important;\r\n  }\r\n\r\n  .top-download-row,\r\n  table.track-grid tr {\r\n    border-color: #808080 !important;\r\n  }\r\n  .altRow-0, .alt-row {\r\n    background-color: #404040 !important;\r\n  }\r\n  .altRow-1 {\r\n    background-color: #383838 !important;\r\n  }\r\n  table.track-grid tr.track-grid-content td,\r\n  table.track-grid tr.track-grid-content td a,\r\n  h2, \r\n  h2 a, \r\n  h3,\r\n  h5 {\r\n    color: #eee !important;\r\n  }\r\n  /* Beatport have used \u003ctd\u003e instead of \u003cth\u003e for header.\r\n     I'll style both in case they fix it. */\r\n  tr.track-grid-header td,\r\n  tr.track-grid-header th {\r\n    background-color: rgb(126,168,44) !important;\r\n    color: #fef !important;\r\n  }\r\n  tr.track-grid-header td *,\r\n  tr.track-grid-header th * {\r\n    color: #fef !important;\r\n  }\r\n  .btn-context-nav {\r\n    color: #eee !important;\r\n  }\r\n  .selected {\r\n    color: rgb(164,224,71) !important;\r\n  }\r\n  /* itemRenderer classes (used for lists of charts, releases etc): \r\n       title: The title of the item\r\n       list: List of artists or genres usually\r\n       minor: Release date or other minor item\r\n  */\r\n  .itemRenderer-title {\r\n    color: #eee !important;\r\n  }\r\n  .itemRenderer-list a {\r\n    color: rgb(117,210,255) !important;\r\n  }\r\n  .itemRenderer-minor {\r\n    color: #808080 !important;\r\n  }\r\n  .itemRenderer-minor a {\r\n    color: #bbb !important;\r\n  }\r\n  /* View All / Genre Top 100 button */\r\n  .viewAll-wrapper {\r\n    background-color: #404040 !important;\r\n  }\r\n  .btn-view-all {\r\n    color: #eee !important;\r\n    background-color: #404040 !important;\r\n  }\r\n  /* Filter Menu */\r\n  .filter-menu {\r\n    background: #808080 !important;\r\n  }\r\n  .filter-header, \r\n  .filter-menu-filters {\r\n    background: #404040 !important;\r\n  }\r\n  .filter-group {\r\n    color: rgb(164,224,71) !important;\r\n    background-color: #222 !important;\r\n  }\r\n  .filter-group .filter-title {\r\n    color: #ccc !important;\r\n  }\r\n  .filter-group ul {\r\n    background-color: #404040 !important;\r\n  }\r\n  .filter-group li a {\r\n    color: #eee !important;\r\n  }\r\n  .pagination-header {\r\n    background-color: #808080;\r\n    color: black !important;\r\n    font-size: 1.5em;\r\n  }\r\n  .slide-paginator,\r\n  #cart-pricing-summary {\r\n    background-color: rgb(126,168,44) !important;\r\n    border: 1px solid white !important;\r\n  }\r\n  .cart-recommendations {\r\n    background-color: black !important;\r\n  }\r\n  #coupon-form {\r\n    background-color: black !important;\r\n  }\r\n  #coupon-form p {\r\n    background-color: #202020 !important;\r\n    border: 1px solid white !important;\r\n    color: white !important;\r\n  }\r\n  /* Nasty, this has an inline style so has to be specified precisely here in order to override it */\r\n  #coupon-form p label {\r\n    color: white !important;\r\n  }\r\n  li.playRow div {\r\n    background-color: #404040 !important;\r\n  }\r\n  .account-layout .left-column li a {\r\n    color: white !important;\r\n  }\r\n  .account-layout .left-column li.selected a {\r\n    color: black !important;\r\n  }"}],"url":"http://userstyles.org/styles/50808","updateUrl":"https://userstyles.org/styles/chrome/50808.json","md5Url":"https://update.userstyles.org/50808.md5","originalMd5":"3d5bda57be77898ca306dc1d36b145cf","name":"Beatport Dark Theme","thumbnail":"https://userstyles.org/style_screenshots/50808_after.png?r=1781128929"}