{"sections":[{"urls":[],"urlPrefixes":[],"domains":["www.toodledo.com"],"regexps":[],"code":"@namespace url(http://www.w3.org/1999/xhtml);\nbody\r\n  {\r\n    color: #D9D9D9 !important;\r\n    background-image: none !important;\r\n    background-color: #111 !important;\r\n\r\n\r\n    /*useful for \"inherit\" */\r\n    border-color: #111 !important;\r\n  }\r\n\r\n  body a\r\n  {\r\n    color: #AAF !important;\r\n  }\r\n\r\n  /* --- BANNER --- */\r\n\r\n  #banner\r\n  {\r\n    background-image: none !important;\r\n    background-color: #222 !important;\r\n  }\r\n\r\n  /*fyi, the \"tasks\" and \"notebook\" image have their own bg img.*/\r\n  #banner a\r\n  {\r\n    background-image: none !important;\r\n  }\r\n\r\n  #banner a:hover\r\n  {\r\n    text-decoration: underline !important;\r\n  }\r\n\r\n  ul#organizemenu \u003e li, ul#organizemenu \u003e li a, ul#toolsmenu \u003e li, ul#toolsmenu \u003e li a\r\n  {\r\n    background-image: none !important;\r\n    background-color: #000 !important;\r\n    color: #FFF !important\r\n  }\r\n\r\n  #banner \u003e div#welcome\r\n  {\r\n    color: #DDD !important;\r\n  }\r\n\r\n  #banner \u003e div#welcome \u003e select\r\n  {\r\n    background-color: #222 !important;\r\n    border-color: #888 !important;\r\n  }\r\n\r\n  /* ---- Everything under banner ---- */\r\n  /* --- Layout Blocks --- */\r\n  #main\r\n  {\r\n    background-image: none !important;\r\n    background-color: #111 !important;\r\n  }\r\n\r\n  /* footer */\r\n  #bottom\r\n  {\r\n    border: none;\r\n    background-image: none !important;\r\n    background-color: inherit !important;\r\n  }\r\n\r\n  /* menu */\r\n  #left_side, #left_side div\r\n  {\r\n    border-color: #222 !important;\r\n    background-image: none !important;\r\n    background-color: #222 !important;\r\n    color: #EEE !important;\r\n  }\r\n\r\n  /* rchunk contains all toolbars and tasks */\r\n  #rchunk\r\n  {\r\n    background-image: none;\r\n    background-color: #111;\r\n  }\r\n\r\n\r\n  /* --- 1ST TOOLBAR --- */\r\n  /* includes \"add task\" form */\r\n\r\n  #rchunktop, #rchunktop div\r\n  {\r\n    background-color: #0B0B19 !important;\r\n    border-color: #0B0B19 !important;\r\n  }\r\n\r\n  /* drop down menus */\r\n  .popmenu\r\n  {\r\n    background-color: #002 !important;\r\n  }\r\n\r\n  /*form inputs in the \"add task\" form */\r\n  #rchunktop select,#rchunktop textarea, #rchunktop input\r\n  {\r\n    background-color: #113 !important;\r\n  }\r\n\r\n  /* \"add task\" button */\r\n\r\n  #rchunktop div#tlbr_new\r\n  {\r\n    background-image: none !important;\r\n    background-color: inherit !important;\r\n    color: #CCC !important;\r\n  }\r\n\r\n  #rchunktop \u003e div#head \u003e div#tlbr_new a\r\n  {\r\n    color: #FFF;\r\n  }\r\n\r\n  #rchunktop div#tlbr_new:hover\r\n  {\r\n    background-image: none !important;\r\n    background-color: inherit !important;\r\n    color: #FFF !important;\r\n  }\r\n\r\n  /* --- 2ND TOOLBAR --- */\r\n  #rchunk \u003e div#colhead \u003e div, #rchunk div#colhead\r\n  {\r\n    background-color: #111 !important;\r\n    border-color: #111 !important;\r\n  }\r\n\r\n  #rchunk #tb_cust\r\n  {\r\n    background-image: none !important;\r\n    background-color: inherit !important;\r\n  }\r\n\r\n  /* --- SEPARATORS --- */\r\n  #rchunk \u003e div#tasks \u003e div.sep\r\n  {\r\n    background-image: none !important;\r\n    background-color: #10101C !important;\r\n    border-color: #10101C !important;\r\n  }\r\n\r\n  /* --- TASKS --- */\r\n  #rchunk \u003e div#tasks\r\n  {\r\n   /*any color changed here only affects the \"displayed tasks count\" bar at the bottom of the tasks list */\r\n    border-color: #888 !important;\r\n    background-color: inherit;\r\n  }\r\n\r\n   /*the blocks used for tasks */\r\n  #rchunk \u003e div#tasks div\r\n  {\r\n   background-color: #111 !important;\r\n  }\r\n\r\n  #rchunk \u003e div#tasks .note\r\n  {\r\n    color: #EEE !important;\r\n  }\r\n\r\n  /* -- field-specific color settings -- */\r\n  /* these task fields require their own special color setting */\r\n\r\n  #rchunk \u003e div#tasks .dim /*folder info*/\r\n  { color: #CCC !important; }\r\n\r\n /*higher = more urgent */\r\n  #rchunk \u003e div#tasks .date0\r\n  { color: #EEE !important; }\r\n  #rchunk \u003e div#tasks .date1\r\n  { color: #AFF !important; }\r\n  #rchunk \u003e div#tasks .date2\r\n  { color: #7FF !important; }\r\n  #rchunk \u003e div#tasks .date3\r\n  { color: #1FF !important; }\r\n\r\n  /* (-1 priority should be dim on dark bgs) */\r\n  #rchunk \u003e div#tasks .pri-1\r\n  { color: #AAA !important; }\r\n\r\n /* (making 0 and 1 priority readable) */\r\n  #rchunk \u003e div#tasks .pri0\r\n  { color: #EEE !important; }\r\n  #rchunk \u003e div#tasks .pri1\r\n  { color: #DDA !important; }\r\n\r\n /* -- Forms launched from within a row -- */\r\n\r\n  #rchunk \u003e div#tasks select\r\n  { background-color: #222 !important; }\r\n\r\n /* Calendar Selectors */\r\n /* I get the impression that these are not created within a task row's div */\r\n #duediv\r\n  { background-color: #222 !important; }\r\n\r\n #duediv select#dmod, #duediv input, #startdiv, #startdiv input\r\n  {\r\n    border-color: #777 !important;\r\n    background-image: none !important;\r\n    background-color: #111 !important;\r\n  }\r\n\r\n  #duediv #protocal, #duediv #protocal select, #startdiv #protocal2, #startdiv #protocal2 select\r\n  {\r\n    background-color: #CCC !important;\r\n    color:black;\r\n  }\r\n\r\n  /* -- Task row behavior when you put mouse over it -- */\r\n\r\n  #rchunk \u003e div#tasks .cols:hover\r\n  {\r\n    background-color: #122 !important;\r\n  }\r\n\r\n/* rectangle that contains a field of a task */\r\n  #rchunk \u003e div#tasks .cols:hover .dett\r\n  {\r\n    background-color: #111A1A !important;\r\n  }\r\n\r\n/*background of the value of the field of a task*/\r\n  #rchunk \u003e div#tasks .cols:hover span\r\n  {\r\n    background-color: #111 !important;\r\n  }\r\n\r\n/*rectangle that contains note of a task. has only\r\none bg. */\r\n  #rchunk \u003e div#tasks .cols:hover .note\r\n  {\r\n    background-color: #111A1A !important;\r\n  }\r\n\r\n/* ---- OTHER PAGES ---- */\r\n\r\n  /* this stuff mostly comes up in options */\r\n  #rchunk h1, #rchunk h2\r\n  {\r\n    color: #BAF !important;\r\n  }\r\n\r\n  #rchunk #homeleft, #showcase div, #showcase h4\r\n  {\r\n    color: #EEE !important;\r\n  }\r\n\r\n  table input\r\n  {\r\n    background-color: #112 !important;\r\n    color:white !important;\r\n  }\r\n\r\n  #rchunk th\r\n  {\r\n    background-color: #222 !important;\r\n  }\r\n\r\n  #rchunk td, #rchunk td select, #rchunk td textarea, #rchunk td input, #rchunk td div\r\n  {\r\n    background-color: #000 !important;\r\n    color: #EEE !important;\r\n  }\r\n\r\n  /* === Notebooks === */\r\n\r\n  /* #notebooks \u003e div.row, #notebooks \u003e div.row .ndetd\r\n  {  background-color: #100;  } */\r\n\r\n  #notebooks \u003e div.row:hover, #notebooks \u003e div.row:hover .ndetd\r\n  {\r\n    background-color: #090009 !important;\r\n  }\r\n\r\n  #notebookActions\r\n  {\r\n    background-color: #0B0B19 !important;\r\n    border: none !important;\r\n  }\r\n\r\n  #notebookTitle\r\n  {\r\n    background-color: #0B0B19 !important;\r\n  }\r\n\r\n  #notebookTitle input, #notebookTitle select\r\n  {\r\n    background-color: #113 !important;\r\n  }\r\n\r\n  #notebookText, #notebookText textArea\r\n  {\r\n    background-color: #00000C !important;\r\n  }\r\n\r\n  /* === Forum === */\r\n  #rchunk input, #rchunk select, #rchunk textarea\r\n  {\r\n    background-color:inherit !important;\r\n  }\r\n\r\n\r\n  /* === Organize === */\r\n  #rchunk \u003e div.addbox, #rchunk \u003e div.addbox input\r\n  {\r\n    background-color: #0B0B19 !important;\r\n    color: #EEE;\r\n  }\r\n\r\n  #rchunk \u003e div.sep\r\n  {\r\n    background-color: #222 !important;\r\n    border: none !important;\r\n    color: #EEE !important;\r\n  }\r\n\r\n  form#goalform input\r\n  {\r\n    border-color: #111 !important;\r\n  }\r\n  form#goalform div.sep\r\n  {\r\n    background-color: #222 !important;\r\n    border-color: #222 !important;\r\n    color: #EEE !important;\r\n  }\r\n  form#goalform div.cols goalrow\r\n  {\r\n    background-color: #111 !important;\r\n  }\r\n  form#goalform div.goalinset\r\n  {\r\n    background-color: #222 !important;\r\n  }\r\n\r\n  /* Manage Locations */\r\n  div#locationlist \u003e div:hover\r\n  {\r\n    background-color: #001 !important;\r\n  }\r\n\r\n  div#locationlist \u003e div:hover span\r\n  {\r\n    background-color: inherit !important;\r\n  }\r\n\r\n  /* === Tools === */\r\n  #rchunk \u003e div.detail \u003e b\r\n  {\r\n    color: #9bF !important;\r\n  }\r\n  /* import and export page */\r\n  \r\n  #rchunk \u003e div.connectbox\r\n  {\r\n    background-color: #113 !important;\r\n  }\r\n\r\n  /*third party apps */\r\n\r\n  #rchunk \u003e .appcat \u003e .applist\r\n  {\r\n    background-color: #0C0011 !important;\r\n  }\r\n  #rchunk \u003e .appcat \u003e .applist \u003e div.approw3\r\n  {\r\n    background-color: inherit !important;\r\n  }\r\n\r\n  /* === Help === */\r\n  #rchunk div.simplebox\r\n  {\r\n    background-color: #222 !important;\r\n  }\r\n\r\n  #rchunk \u003e div#help\r\n  {\r\n    background-image: none !important;\r\n    background-color: #011 !important;\r\n  }\r\n\r\n  #rchunk \u003e div#help \u003e div#answer\r\n  {\r\n    background-color: #011 !important;\r\n    color: #EEE;\r\n  }"}],"url":"http://userstyles.org/styles/52310","updateUrl":"https://userstyles.org/styles/chrome/52310.json","md5Url":"https://update.userstyles.org/52310.md5","originalMd5":"0a095622dbeabc20bf93ce3eabe97c67","name":"Toodledo - Midnight (Works with new layout)","thumbnail":"https://userstyles.org/style_screenshots/52310_after.jpeg?r=1774263632"}