123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567 |
- /*-- HIGHLIGHT CHILDREN --*/
- .panel.elements /deep/ .parent + .children {
- -webkit-transition: 0.5s ease-in 0.25s;
- }
- .panel.elements /deep/ .hovered.parent.expanded + .children > li:last-of-type .webkit-html-tag.close,
- .panel.elements /deep/ .selected.parent.expanded + .children > li:last-of-type .webkit-html-tag.close {
- -webkit-transition: opacity 0.5s ease-in-out 0.25s;
- }
- .panel.elements .parent.selected.expanded + .children,
- .panel.elements .parent.hovered.expanded + .children {
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- padding-bottom: 5px !important;
- box-shadow: inset 0px 0px 3px 0px #a6f2f8 !important;
- border-bottom: 1px solid #2f3740 !important;
- }
- .panel.elements .parent.selected.expanded + .children > li .webkit-html-pseudo-element:first-child,
- .panel.elements .parent.hovered.expanded + .children > li .webkit-html-pseudo-element:first-child {
- color: #80cbc4 !important;
- }
- .panel.elements .parent.selected.expanded + .children > :last-child *,
- .panel.elements .parent.hovered.expanded + .children > :last-child * {
- opacity: .6;
- }
- .panel.elements /deep/ .parent.selected.expanded + .children,
- .panel.elements /deep/ .parent.hovered.expanded + .children {
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- padding-bottom: 5px !important;
- box-shadow: inset 0px 0px 3px 0px #a6f2f8 !important;
- border-bottom: none !important;
- }
- .panel.elements /deep/ .parent.selected.expanded + .children > li .webkit-html-pseudo-element:first-child,
- .panel.elements /deep/ .parent.hovered.expanded + .children > li .webkit-html-pseudo-element:first-child {
- color: #80cbc4 !important;
- }
- .panel.elements /deep/ .parent.selected.expanded + .children > li:last-of-type .webkit-html-tag.close,
- .panel.elements /deep/ .parent.hovered.expanded + .children > li:last-of-type .webkit-html-tag.close {
- opacity: 0.5 !important;
- }
- .cm-breakpoint .CodeMirror-gutter-elt {
- color: #000 !important;
- font-weight: 700 !important;
- }
- .CodeMirror-cursor {
- border-left: 1px solid #cdd3de !important;
- }
- .cm-error {
- background: #9d1e15 !important;
- border-radius: 2px !important;
- color: #eee !important;
- }
- .CodeMirror-gutter-elt {
- color: #546e7a !important;
- }
- .CodeMirror-gutters {
- background: #111 !important;
- border-right: 2px solid #2e3c43 !important;
- }
- .CodeMirror-selected,
- span.CodeMirror-selectedtext {
- background: #2e3c43 !important;
- }
- .CodeMirror-code .CodeMirror-matchingbracket {
- color: #80cbc4 !important;
- text-shadow: 0 0 3px #80cbc4 !important;
- border-bottom: none !important;
- font-weight: 800 !important;
- }
- .CodeMirror-code .CodeMirror-nonmatchingbracket {
- color: #db0404 !important;
- text-shadow: 0 0 3px #db0404 !important;
- border-bottom: none !important;
- font-weight: 800 !important;
- }
- .cm-search-highlight-start:before {
- border-color: #80cbc4 !important;
- }
- .cm-search-highlight-end:before {
- border-color: #80cbc4 !important;
- }
- .cm-search-highlight:before {
- border-color: #80cbc4 !important;
- padding: 2px !important;
- }
- .cm-line-with-selection .cm-column-with-selection.cm-search-highlight:before {
- background-color: #80cbc4 !important;
- border-radius: 2px !important;
- }
- span.cm-token-highlight {
- background-color: transparent !important;
- padding: 0px !important;
- }
- span.cm-token-highlight:before {
- border-color: #80cbc4 !important;
- }
- .cm-line-with-selection span.cm-column-with-selection {
- color: #000 !important;
- background-color: #80cbc4 !important;
- }
- .cm-whitespace:before {
- color: #2e3c43 !important;
- }
- .cm-tab:before {
- border-bottom: 1px solid #2e3c43 !important;
- }
- .cm-highlight {
- -webkit-animation: "fadeout-revised" 3s 0s !important;
- }
- .cm-highlight *:not(.CodeMirror-linenumber) {
- color: #e6e6e6 !important;
- }
- .cm-execution-line {
- background-color: #3e4c58 !important;
- outline: 1px solid #2e3c43 !important;
- }
- .CodeMirror-linenumber {
- border-right: none !important;
- }
- .cm-line-without-source-mapping {
- background-color: #222 !important;
- }
- @-webkit-keyframes fadeout-revised {
- 0% {
- background-color: #3e4c58;
- }
- 50% {
- background-color: #3e4c58;
- }
- 100% {
- background-color: #263238;
- outline: 1px solid #263238;
- }
- }
- /************************************************
- /* Elements Crumbs
- /************************************************/
- #elements-crumbs {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-top: none !important;
- height: 19px !important;
- }
- #elements-crumbs .crumbs {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- #elements-crumbs .crumbs .crumb {
- -webkit-border-image: none !important;
- border-left: 1px solid #2e3c43 !important;
- border-right: 1px solid #282e35 !important;
- padding: 0 10px !important;
- margin: 0 !important;
- line-height: 18px !important;
- }
- #elements-crumbs .crumbs .crumb:hover {
- color: #f8f8f8 !important;
- background-color: #b1bdc4 !important;
- }
- #elements-crumbs .crumbs .crumb.selected {
- background-color: #3e4c58 !important;
- text-shadow: none !important;
- color: #f8f8f8 !important;
- cursor: default;
- }
- /***************************************************
- /* Dialog Boxes
- /* -------------------------------------------
- /* Search Functions/Selectors in File [Ctrl+Shift+O]
- /***************************************************/
- .dialog {
- background: #282e35 !important;
- box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.6) !important;
- border: 1px solid #2e3c43 !important;
- }
- .dialog .fill {
- border: none !important;
- }
- .dialog .selected {
- background-color: #3e4c58 !important;
- box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.3) !important;
- color: #cdd3de !important;
- }
- .dialog input,
- .dialog input:focus {
- background-color: #222 !important;
- border: none !important;
- color: #e6e6e6 !important;
- padding: 0 5px;
- }
- .filtered-item-list-dialog-item {
- background-color: #222 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .filtered-item-list-dialog-item .filtered-item-list-dialog-subtitle {
- color: #808080 !important;
- }
- .filtered-item-list-dialog-item:not(.selected):hover {
- background-color: #282e35 !important;
- box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.8) !important;
- }
- .filtered-item-list-dialog-item .filtered-item-list-dialog-title,
- .filtered-item-list-dialog-item span {
- color: #e6e6e6 !important;
- }
- .filtered-item-list-dialog-item .highlight {
- color: #80cbc4 !important;
- }
- .filtered-item-list-dialog > div.container {
- background-color: #222 !important;
- }
- .text-button,
- [is="text-button"] {
- background: #111 !important;
- color: #cdd3de !important;
- border: none !important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- .text-button:disabled,
- [is="text-button"]:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- .text-button:not(:disabled):active,
- [is="text-button"]:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- .chrome-select {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- background-image: none !important;
- text-shadow: none !important;
- -webkit-appearance: menulist !important;
- box-shadow: none !important;
- }
- .chrome-select:disabled {
- opacity: .3 !important !important;
- }
- .chrome-select:focus {
- outline-color: none !important !important;
- }
- .search-drawer-header label.search-config-label,
- .drawer .settings-tab label,
- #drawer-footer td label {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- .overrides-view .tabbed-pane-header-tab {
- color: #b1bdc4 !important;
- }
- .overrides-view .tabbed-pane-content {
- color: #b1bdc4 !important;
- }
- .overrides-view .tabbed-pane-content :disabled {
- color: rgba(204, 204, 204, 0.3) !important;
- }
- .overrides-view input,
- .overrides-view select {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- .overrides-view input:disabled,
- .overrides-view select:disabled {
- opacity: .3 !important !important;
- }
- .overrides-view input:focus,
- .overrides-view select:focus {
- outline-color: none !important !important;
- }
- input[type="range"]::-webkit-slider-runnable-track {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- height: 5px !important;
- text-align: center !important;
- margin: 10px 0 !important;
- }
- input[type='range']::-webkit-slider-thumb {
- position: relative !important;
- top: -5px !important;
- }
- .revision-history-link {
- color: #80cbc4 !important;
- }
- .outline-disclosure.revision-history-drawer ol li {
- padding-top: 2px !important;
- line-height: 15px !important;
- }
- .revision-history-drawer > ol > .parent {
- background-color: #2a2a2a !important;
- color: #b1bdc4 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #151515 !important;
- margin: 0 !important;
- height: 22px !important;
- }
- .revision-history-drawer > ol > .parent + .children {
- margin-bottom: 10px !important;
- }
- .revision-history-drawer .revision-history-revision {
- color: #b1bdc4 !important;
- background-color: #222 !important;
- border-top: 1px solid #363636 !important;
- border-bottom: 1px solid #1a1a1a !important;
- height: 22px !important;
- line-height: 20px !important;
- }
- .revision-history-drawer .webkit-line-number {
- background: #111 !important;
- border-right: 1px solid #2e3c43 !important;
- padding: 1px 5px 1px 0 !important;
- display: inline-block;
- color: #546e7a !important;
- }
- .revision-history-drawer .source-code {
- margin: 5px 0 15px 10px !important;
- }
- .revision-history-drawer .source-code .revision-history-line-separator:nth-child(1) {
- background-color: #222 !important;
- }
- .revision-history-drawer .revision-history-line-separator {
- margin-top: 4px !important;
- }
- .revision-history-drawer .revision-history-line-removed,
- .revision-history-drawer .revision-history-line-added {
- background-color: #222 !important;
- }
- .revision-history-drawer .revision-history-line-removed span:last-child,
- .revision-history-drawer .revision-history-line-added span:last-child {
- margin-left: 2px;
- }
- .revision-history-drawer .revision-history-line-removed {
- color: #ff5a5a !important;
- }
- .revision-history-drawer .revision-history-line-added {
- color: #7eb17e !important;
- }
- .help-footnote {
- border-top: none !important;
- }
- .help-footnote a {
- color: #80cbc4;
- }
- button.overrides-swap {
- background: #111 !important;
- color: #cdd3de !important;
- border: none !important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- button.overrides-swap:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- button.overrides-swap:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- .overrides-activate-device #tab-device .tabbed-pane-header-tab-title::after,
- .overrides-activate-media #tab-media .tabbed-pane-header-tab-title::after,
- .overrides-activate-network #tab-network .tabbed-pane-header-tab-title::after,
- .overrides-activate-sensors #tab-sensors .tabbed-pane-header-tab-title::after {
- color: #80cbc4 !important;
- }
- /**********************************************/
- /* Find Module [ctrl+shift+F / cmd+shift+F]
- /**********************************************/
- #search-results-pane-file-based .search-result,
- ::shadow #search-results-pane-file-based .search-result {
- background-color: #2a2a2a !important;
- color: #b1bdc4 !important;
- border-top: 1px solid #363636 !important;
- border-bottom: 1px solid #2e3c43 !important;
- line-height: 18px !important;
- margin: 0 !important;
- }
- #search-results-pane-file-based .show-more-matches,
- ::shadow #search-results-pane-file-based .show-more-matches {
- color: #80cbc4 !important;
- }
- #search-results-pane-file-based .parent:hover,
- ::shadow #search-results-pane-file-based .parent:hover {
- background-color: #282e35 !important;
- color: #d9d9d9 !important;
- }
- #search-results-pane-file-based .parent .search-result-file-name,
- ::shadow #search-results-pane-file-based .parent .search-result-file-name {
- color: #546e7a !important;
- }
- #search-results-pane-file-based .parent .search-result-matches-count,
- ::shadow #search-results-pane-file-based .parent .search-result-matches-count {
- color: #71f38f !important;
- }
- .toolbar-search button,
- ::shadow .search-action-button {
- background: #111 !important;
- color: #cdd3de !important;
- border: none!important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- .toolbar-search button:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- .toolbar-search button:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- .toolbar-search-control,
- ::shadow .toolbar-search-control {
- background-color: #282e35 !important;
- border: 1px solid #2e3c43 !important;
- }
- .toolbar-search-control input,
- ::shadow .toolbar-search-control input {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- border-color: none !important;
- }
- .toolbar-search-control input:disabled,
- ::shadow .toolbar-search-control input:disabled {
- opacity: .3 !important;
- }
- .toolbar-search-control input:focus,
- ::shadow .toolbar-search-control input:focus {
- outline-color: none !important;
- }
- .toolbar-search-control .toolbar-search-navigation-controls,
- ::shadow .toolbar-search-control .toolbar-search-navigation-controls {
- background: #111 !important;
- }
- .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-prev,
- .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-next,
- ::shadow .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-prev,
- ::shadow .toolbar-search-control .toolbar-search-navigation.toolbar-search-navigation-next {
- border: 1px solid #363636 !important;
- }
- ::shadow .search-replace.toolbar-replace-control {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- ::shadow .search-replace.toolbar-replace-control:disabled {
- opacity: .3 !important;
- }
- ::shadow .search-replace.toolbar-replace-control:focus {
- outline-color: none !important;
- }
- .search-drawer-header input[type="text"].search-config-search,
- ::shadow .search-config-search {
- background-color: #282e35 !important;
- color: #e6e6e6 !important;
- border: 1px solid #2e3c43 !important;
- }
- .search-drawer-header input[type="text"].search-config-search:focus,
- ::shadow .search-config-search:focus {
- outline-color: #80cbc4 !important;
- }
- #drawer-contents .search-match-line-number,
- ::shadow .search-match-line-number {
- background: #111 !important;
- border-right: 1px solid #2e3c43 !important;
- padding: 1px 5px 1px 0 !important;
- display: inline-block;
- color: #546e7a !important;
- }
- #search-results-pane-file-based .search-match .highlighted-match,
- .highlighted-search-result,
- .webkit-highlighted-line.webkit-line-content,
- ::shadow #search-results-pane-file-based .search-match .highlighted-match {
- color: #000000 !important;
- border-radius: 2px !important;
- font-size: 1em !important;
- background-color: #80cbc4 !important;
- box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
- }
- .search-match:hover {
- background-color: #282e35 !important;
- box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
- }
- .status-bar,
- ::shadow .search-bar {
- background-color: #282e35 !important;
- border-top: none !important;
- border-bottom: none !important;
- }
- .search-results-matches {
- color: #b1bdc4 !important;
- }
- .search-match-content,
- ::shadow .search-match-content {
- color: #b1bdc4 !important;
- }
- .search-status-bar-summary,
- ::shadow .search-status-bar-summary {
- background: linear-gradient(#505050, #363636) !important;
- border-top: 1px solid #505050 !important;
- }
- .search-drawer-header input[type="checkbox"].search-config-checkbox {
- vertical-align: middle !important;
- }
- .sidebar-pane-filter-box {
- border-top: 1px solid #2e3c43 !important;
- }
- .sidebar-pane-filter-box.styles-filter-engaged {
- background-color: transparent !important;
- }
- .sidebar-pane-filter-box > input {
- color: #b1bdc4 !important;
- }
- .styles-section .properties li.filter-match,
- .styles-section .simple-selector.filter-match {
- background-color: #3e4c58 !important;
- box-shadow: 0 0 0 1px #2e3c43 !important;
- border-radius: 2px;
- }
- ::shadow ::shadow .regex-search-status-bar-item.status-bar-item.toggled-off .status-bar-button-text,
- ::shadow ::shadow .case-sensitive-search-status-bar-item.status-bar-item.toggled-off .status-bar-button-text {
- color: #b1bdc4 !important;
- }
- ::shadow ::shadow .regex-search-status-bar-item.status-bar-item.toggled-on .status-bar-button-text,
- ::shadow ::shadow .case-sensitive-search-status-bar-item.status-bar-item.toggled-on .status-bar-button-text {
- color: #80cbc4 !important;
- }
- ::shadow ::shadow .status-bar-item .status-bar-button-text {
- color: #b1bdc4 !important;
- }
- /**********************************************
- /* DevTool Chrome
- /**********************************************/
- #console-messages,
- #console-view,
- #network-views .CodeMirror-lines,
- #script-view-fallback,
- .console-view-wrapper,
- .dialog .fill,
- .drawer .revision-history-drawer,
- .help-window-main,
- .panel .split-view-contents,
- .panel,
- .panel-enabler-view,
- .profiles-sidebar-tree-box,
- .resource-view .script-view,
- .sidebar-overlay,
- .split-view-vertical .sidebar-pane.composite .properties-tree,
- .styles-section.read-only,
- .tabbed-pane-content,
- .tabbed-pane-content.has-no-tabs .timeline-records-title,
- .timeline-records-list,
- #timeline-overview-sidebar {
- background-color: #000 !important;
- z-index: 0;
- }
- .panel-enabler-view {
- color: #b1bdc4;
- }
- .panel .sidebar-tree-item.selected {
- background-color: #3e4c58 !important;
- color: #e6e6e6 !important;
- box-shadow: inset 0 1px 0 0 #2e3c43, inset 0 -1px 0 0 #2e3c43;
- }
- .panel .sidebar-tree-item:not(.selected):hover {
- background-color: #282e35 !important;
- color: #b1bdc4 !important;
- box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
- }
- .panel .sidebar-tree-item .disclosure-button {
- background-color: #8c8c8c !important;
- }
- .panel .data-grid th {
- border: none !important;
- }
- .panel .status-bar {
- border-bottom: 1px solid #505050;
- }
- .panel .status-bar-text {
- color: #b1bdc4 !important;
- }
- body.dock-to-right.inactive:not(.undocked):not(.overlay-contents),
- body.dock-to-right:not(.undocked):not(.overlay-contents) {
- border-left: transparent !important;
- }
- .split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
- border-top: none !important;
- }
- .tabbed-pane-content .settings-tab-text-button {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #cdd3de !important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- .tabbed-pane-content .settings-tab-text-button:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- .tabbed-pane-content .settings-tab-text-button:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- .split-view.vbox > .split-view-resizer > .split-view-resizer-border,
- .split-view.hbox > .split-view-resizer > .split-view-resizer-border {
- border: none !important;
- }
- .sidebar {
- background: none !important;
- }
- .editing {
- background-color: #222 !important;
- outline: 1px solid #80cbc4 !important;
- color: #b1bdc4 !important;
- }
- /**********************************************/
- /* Navigation Arrows
- /**********************************************/
- .styles-section.matched-styles .properties li.parent.expanded .expand-element,
- #console-messages .console-group-messages .section.expanded .header::before,
- #console-messages .properties-tree li.parent.expanded::before,
- .outline-disclosure li.parent.expanded::before,
- .properties-tree li.parent.expanded::before,
- .section.expanded > .header::before,
- .section .event-bar.expanded .header::before,
- .sidebar-pane .parent.expanded::before,
- .sidebar-pane-stack .sidebar-pane-title.expanded::before,
- .timeline-expandable-expanded .timeline-expandable-arrow,
- .styles-section.matched-styles .style-properties li.parent.expanded .expand-element {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -4px -96px;
- -webkit-transform: rotate(90deg);
- }
- .sidebar-pane-stack .sidebar-pane-title.expanded::before {
- -webkit-transform: rotate(90deg) translateX(2px);
- }
- .styles-section.matched-styles .properties li.parent .expand-element,
- #console-messages .console-group-messages .section .header::before,
- #console-messages .properties-tree li.parent::before,
- .outline-disclosure li.parent::before,
- #search-results-pane-file-based .parent::before,
- .properties-tree li.parent::before,
- .section > .header::before,
- .section .event-bar .header::before,
- .sidebar-pane .parent::before,
- .sidebar-pane-stack .sidebar-pane-title::before,
- .timeline-expandable-collapsed .timeline-expandable-arrow,
- ::shadow #search-results-pane-file-based .parent::before,
- .styles-section.matched-styles .style-properties li.parent .expand-element {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -4px -96px;
- -webkit-transform: rotate(0deg);
- }
- .data-grid th.sort-ascending > div::after {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -4px -108px !important;
- }
- .data-grid th.sort-descending > div::after {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -20px -96px !important;
- }
- #search-results-pane-file-based .parent.expanded::before,
- ::shadow #search-results-pane-file-based .parent.expanded::before {
- -webkit-mask-position: -20px -96px !important;
- }
- #search-results-pane-file-based .parent.expanded::before,
- ::shadow #search-results-pane-file-based .parent.expanded::before {
- -webkit-mask-position: -20px -93px !important;
- }
- #search-results-pane-file-based .parent::before,
- ::shadow #search-results-pane-file-based .parent::before {
- -webkit-mask-position: -4px -93px !important;
- }
- .panel.network . li.parent::before {
- top: 3px !important;
- }
- .sidebar-tabbed-pane .section > .header::before,
- .event-bars .event-bar .header::before {
- margin-top: 3px !important;
- }
- .status-bar-select-arrow {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -20px -96px !important;
- }
- /**********************************************
- /* Element Highlighter
- /**********************************************/
- .panel.elements #elements-content .CodeMirror {
- outline: none !important;
- }
- .panel.elements ::shadow .outline-disclosure ol:focus li.selected .selection,
- .panel.console ::shadow .outline-disclosure ol:focus li.selected .selection,
- .panel.elements ::shadow .elements-disclosure ol:focus li.selected .selection,
- .panel.console ::shadow .elements-disclosure ol:focus li.selected .selection,
- .panel.elements ::shadow .outline-disclosure li.selected .selection,
- .panel.console ::shadow .outline-disclosure li.selected .selection,
- .panel.elements ::shadow .elements-disclosure li.selected .selection,
- .panel.console ::shadow .elements-disclosure li.selected .selection {
- /* outline: 1px solid #2e3c43 !important; */
- background-color: #3e4c58 !important;
- }
- .panel.elements ::shadow .outline-disclosure li.hovered:not(.selected) .selection,
- .panel.console ::shadow .outline-disclosure li.hovered:not(.selected) .selection,
- .panel.elements ::shadow .elements-disclosure li.hovered:not(.selected) .selection,
- .panel.console ::shadow .elements-disclosure li.hovered:not(.selected) .selection {
- border-radius: 0 !important;
- background-color: #282e35 !important;
- border-top: 1px solid #282e35 !important;
- border-bottom: 1px solid #282e35 !important;
- }
- .outline-disclosure li.in-clipboard .highlight {
- outline: 1px dashed #546e7a !important;
- }
- /**********************************************
- /* Element Highlighter
- /**********************************************/
- .paint-profiler-overview,
- .paint-profiler-canvas-container canvas,
- .paint-profiler-view canvas {
- background-color: #222 !important;
- }
- .progress-banner {
- background-color: rgba(111, 111, 111, 0.5) !important;
- color: #b1bdc4 !important;
- }
- .layers.panel .outline-disclosure li {
- margin-top: 2px !important;
- }
- .layers.panel .selection {
- height: 18px !important;
- }
- .sidebar-tree li {
- color: #b1bdc4 !important;
- }
- /**********************************************
- /* Network Tab (uses _tables.less for list of nodes)
- /**********************************************/
- #network-container {
- border-top: none !important;
- }
- #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
- text-decoration: none !important;
- }
- .data-grid {
- border: none !important;
- }
- .data-grid th.sort-ascending,
- .data-grid th.sort-descending,
- .data-grid th.sortable,
- .data-grid .timeline-column {
- border-right: 1px solid #2e3c43 !important;
- }
- .data-grid .network-timeline-grid .resources-divider-label {
- color: #b1bdc4 !important;
- }
- .data-grid .network-timeline-grid .resources-divider {
- border-right: 1px solid #2e3c43;
- }
- .highlighted-row {
- -webkit-animation: "fadeout-revised" 2s 0s !important;
- }
- /*dropdownlist in network panel*/
- .timeline-column option {
- color: #b1bdc4 !important;
- background: #111 !important;
- }
- .resource-view.image .title {
- color: #b1bdc4 !important;
- }
- .resource-view.image .infoList dt {
- color: #626262 !important;
- margin-bottom: 5px !important;
- }
- .resource-view.image .infoList dd {
- color: #b1bdc4 !important;
- margin-bottom: 5px !important;
- }
- .request-headers-view .header-name {
- color: #626262 !important;
- }
- .request-headers-view .header-value {
- color: #b1bdc4 !important;
- }
- .request-headers-view .caution {
- color: #ddbb00 !important;
- }
- /* Fallback Support */
- .resource-source-frame-fallback {
- background-color: #282e35 !important;
- color: #b1bdc4 !important;
- }
- /* Network Timing Pane */
- .resource-timing-view table {
- background-color: #282e35 !important;
- padding: 20px !important;
- border-radius: 4px;
- margin: 20px !important;
- }
- .resource-timing-view table td .network-timing-bar-title {
- color: #b1bdc4 !important;
- text-shadow: 0 1px 1px #2e3c43 !important;
- }
- .resource-timing-view .network-timing-table .footnote a,
- .resource-timing-view .network-timing-table .network-timing-footer a {
- color: #c792ea;
- }
- #network-views .request-headers-view .parent,
- .network .request-headers-view .parent {
- background-color: #282828 !important;
- color: #b1bdc4 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #151515 !important;
- line-height: 18px;
- }
- #network-views .script-view-fallback {
- background-color: #222 !important;
- color: #b1bdc4 !important;
- }
- .request-headers-view .outline-disclosure .header-count,
- .request-headers-view .outline-disclosure .header-toggle {
- color: #80cbc4 !important;
- margin-left: 4px !important;
- }
- .request-headers-view .outline-disclosure .header-toggle:hover {
- text-shadow: 0 0 10px #80cbc4;
- }
- .network-cell-subtitle {
- color: #bfbfbf !important;
- }
- .network-log-grid.data-grid th {
- border-bottom: transparent !important;
- }
- .network.panel .panel-status-bar {
- border-bottom: none !important;
- }
- .data-grid .network-error-row,
- .data-grid .network-error-row > td,
- .data-grid .network-error-row .network-cell-subtitle {
- color: #ff5a5a !important;
- }
- /**********************************************/
- /* Elements/Network
- /**********************************************/
- .panel:not(.timeline):not(.audits):not(.profiles):not(.cpu-profiler):not(.css-profiler):not(.heap-profiler):not(.canvas-profiler) table,
- .network-graph-bar,
- .network-graph-label,
- .network-graph-bar-area {
- color: #b1bdc4 !important;
- }
- .network-summary-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-top: none !important;
- color: #b1bdc4 !important;
- }
- .network-log-grid.data-grid .bottom-filler-td {
- background: none !important;
- }
- #network-views .resource-view.html {
- background-color: #fff !important;
- }
- /**********************************************
- /* Profilers
- /**********************************************/
- #profile-views .data-grid td > div,
- .profile-launcher-view label,
- .retainers-view-header,
- .profile-launcher-view-tree-item,
- .sidebar-tree-section,
- .resources-divider-label,
- .panel:not(.timeline) .sidebar-tree-item,
- .profile-entry-info,
- ::shadow .flame-chart-entry-info {
- color: #b1bdc4 !important;
- }
- .profile-entry-info,
- ::shadow .flame-chart-entry-info {
- text-shadow: 0 0 1px #263238;
- background-color: rgba(34, 34, 34, 0.9) !important;
- border-radius: 4px;
- }
- #profile-views .data-grid button {
- color: #bfbfbf !important;
- }
- .heap-snapshot-view tr:not(.selected) td.object-column span.highlight {
- background-color: #3e4c58 !important;
- border-radius: 3px;
- }
- .profiles-status-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- box-shadow: none !important;
- border-bottom: none !important;
- }
- .profiles-status-bar .status-bar {
- background-color: transparent !important;
- }
- .profiles-status-bar .status-bar,
- .retainers-view-header,
- .heap-snapshot-view .class-view-toolbar {
- border-top: none !important;
- border-bottom: none !important;
- }
- input.status-bar-item {
- background-color: #2e3c43;
- color: #e6e6e6;
- border: 1px solid #2e3c43;
- }
- input.status-bar-item:hover,
- input.status-bar-item:focus {
- border: 1px solid #2e3c43 !important;
- }
- .heap-snapshot-view .heap-snapshot-view-resizer {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- box-shadow: none !important;
- border-top: none !important;
- border-bottom: none !important;
- color: #b1bdc4;
- }
- #profile-views .data-container .object-column {
- color: #b1bdc4;
- }
- #profile-views .data-container .object-column button {
- background: #111 !important;
- color: #cdd3de !important;
- border: none !important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- #profile-views .data-container .object-column button:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- #profile-views .data-container .object-column button:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- .data-grid td,
- .heap-snapshot-stats-name,
- .heap-snapshot-stats-size {
- color: #b1bdc4 !important;
- }
- /**********************************************
- /* Resources Tab
- /**********************************************/
- .resources-status-bar .status-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- box-shadow: none !important;
- border-top: none !important;
- }
- /*-- WEB SQL --*/
- .database-query-prompt {
- color: #b1bdc4 !important;
- }
- .database-user-query {
- border-top: 1px solid #263238 !important;
- border-bottom: 1px solid #080808 !important;
- padding-bottom: 10px !important;
- }
- .database-user-query + span {
- padding: 2px 0 !important;
- border-top: 1px solid #263238 !important;
- border-bottom: 1px solid #080808 !important;
- background-color: #282e35 !important;
- width: 100% !important;
- }
- .database-user-query .database-query-text {
- color: #b1bdc4 !important;
- width: 100% !important;
- display: inline-block !important;
- margin-bottom: 5px;
- margin-top: 2px;
- }
- .database-user-query::before,
- .database-query-result::before {
- margin-top: -5px !important;
- }
- .database-user-query .error {
- color: #ff5a5a !important;
- }
- .indexed-db-database-view .outline-disclosure .attribute-name {
- color: #ffcb6b !important;
- }
- .indexed-db-database-view .outline-disclosure .attribute-value {
- color: #c3e88d !important;
- }
- /*************************************
- * Help/Settings Overlay
- *************************************/
- .help-window-main {
- color: #b1bdc4 !important;
- /***************************************************
- /* Workspaces Dialog Box
- ****************************************************/
- }
- .help-window-main .settings-tab-container header {
- border-bottom: 1px solid #6f6f6f !important;
- }
- .help-window-main .help-footnote {
- border-top: 1px solid #6f6f6f !important;
- }
- .help-window-main label,
- .help-window-main label:hover {
- color: #b1bdc4 !important;
- }
- .help-window-main .tabbed-pane-header-tab.selected {
- color: #80cbc4 !important;
- }
- .help-window-main .help-section-title {
- color: #80cbc4 !important;
- }
- .help-window-main .help-block label,
- .help-window-main .help-block td {
- color: #b1bdc4 !important;
- }
- .help-window-main select,
- .help-window-main input,
- .help-window-main option {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- .help-window-main select:disabled,
- .help-window-main input:disabled,
- .help-window-main option:disabled {
- opacity: .3 !important;
- }
- .help-window-main select:focus,
- .help-window-main input:focus,
- .help-window-main option:focus {
- outline-color: none !important;
- }
- .help-window-main fieldset:disabled label {
- color: rgba(204, 204, 204, 0.3) !important;
- }
- .help-window-main select:disabled,
- .help-window-main input:disabled,
- .help-window-main .settings-tab-text-button:disabled {
- background-image: none !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- .help-window-main .help-key-cell .help-key {
- color: #333333 !important;
- }
- .help-window-main .help-key-cell span {
- color: #eeeeee !important;
- }
- .help-window-main .settings-list-container {
- padding: 10px !important;
- background-color: #222 !important;
- }
- .help-window-main .settings-list {
- border: 1px solid #454545 !important;
- }
- .help-window-main .settings-list-item {
- background-color: #282e35 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .help-window-main .settings-list-item.selected {
- background-color: rgba(150, 255, 150, 0.2) !important;
- }
- .help-window-main .settings-list-item:nth-child(1) {
- border-top: none !important;
- }
- .help-window-main .settings-list-item:last-child {
- border-bottom: none !important;
- }
- .help-window-main .file-system-path-name {
- color: #80cbc4 !important;
- }
- .file-system-path,
- .list-column-text,
- .settings-list-column-path {
- color: #b1bdc4 !important;
- }
- .list-column-editor {
- background-color: #282e35 !important;
- border: 1px solid #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- .settings-dialog {
- border: 1px solid #454545 !important;
- background-color: #222 !important;
- border-radius: 4px !important;
- }
- .settings-dialog .dialog-contents label {
- color: #b1bdc4;
- }
- .settings-dialog .dialog-contents .header {
- color: #eeeeee !important;
- }
- .settings-dialog .dialog-contents .block-header {
- color: #80cbc4 !important;
- }
- .settings-dialog .settings-list-container {
- background-color: #444444 !important;
- }
- .settings-dialog .settings-list {
- border-color: #444444 !important;
- border-radius: 2px !important;
- }
- .settings-dialog .settings-list-item {
- background-color: #444444 !important;
- border-top: 1px solid #2e3c43 !important;
- /* testsasdf */
- border-bottom: 1px solid #2e3c43 !important;
- /* testsasdf */
- color: #333333 !important;
- }
- .settings-dialog .add-list-item {
- border-bottom: none !important;
- }
- .settings-dialog .file-mappings-list .settings-list-item:first-child,
- .settings-dialog .excluded-folders-section .settings-list-item:first-child {
- border-top: none !important;
- }
- .swatch {
- width: 12px !important;
- height: 12px !important;
- }
- .blackbox-dialog .columns-header {
- color: #80cbc4 !important;
- }
- /**********************************************
- /* Sources Tab
- /**********************************************/
- /*placeholder text when no file is open*/
- .tabbed-pane-placeholder,
- ::shadow .tabbed-pane-placeholder {
- text-shadow: 0 1px 0 #181818 !important;
- color: #999999 !important;
- }
- /*-- Save Problem Overlay --*/
- .source-frame-unsaved-committed-changes {
- background-color: #222 !important;
- }
- .source-frame-debugger-script {
- background-color: #222 !important;
- }
- .sidebar-pane {
- /* Breakpoints/Dom Breakpoints */
- /* Call Stack */
- }
- .sidebar-pane .breakpoints-list-deactivated {
- background-color: #282e35 !important;
- opacity: 0.3 !important;
- }
- .sidebar-pane .breakpoint-list li {
- color: #80cbc4 !important;
- border-top: 1px solid #343434 !important;
- border-bottom: 1px solid #101010 !important;
- }
- .sidebar-pane .breakpoint-list li:not(.breakpoint-hit):hover {
- background-color: #282e35 !important;
- border-top: 1px solid #343434 !important;
- border-bottom: 1px solid #101010 !important;
- }
- .sidebar-pane .breakpoint-hit {
- background: #3e4c58 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- color: #eee !important;
- }
- .sidebar-pane .placard .title,
- .sidebar-pane .placard .subtitle,
- .sidebar-pane ::shadow .list-item .title,
- .sidebar-pane ::shadow .list-item .subtitle {
- color: #b1bdc4 !important;
- }
- .sidebar-pane .placard:nth-of-type(2n),
- .sidebar-pane ::shadow .list-item:nth-of-type(2n) {
- background: #2a2a2a !important;
- }
- .sidebar-pane .placard.selected,
- .sidebar-pane ::shadow .list-item.selected {
- background: #3e4c58 !important;
- color: #e6e6e6 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .sidebar-pane .placard.selected .title,
- .sidebar-pane .placard.selected .subtitle,
- .sidebar-pane ::shadow .list-item.selected .title,
- .sidebar-pane ::shadow .list-item.selected .subtitle {
- color: #e6e6e6 !important;
- }
- .sidebar-pane .hidden-placards-message,
- .sidebar-pane .callstack-info.status {
- background-color: #2e3c43 !important;
- color: #ddbb00;
- }
- .sidebar-pane .hidden-placards-message .node-link,
- .sidebar-pane .callstack-info.status .node-link {
- color: #80cbc4;
- }
- .sidebar-pane > .body .placard + .info,
- .sidebar-pane > .body ::shadow .list-item + .info {
- background: #111 !important;
- border-top: 0 !important;
- color: #80cbc4 !important;
- font-style: normal !important;
- }
- .breakpoints-deactivated .breakpoint-list {
- background-color: #b1bdc4 !important;
- opacity: .3 !important;
- }
- /*Pane Headers*/
- .sidebar-pane-title {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #b1bdc4;
- border-top: none !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
- border-bottom: none !important;
- }
- .sidebar-pane .children.expanded,
- li.breakpoint-hit .breakpoint-hit-marker {
- background-color: transparent !important;
- }
- .pane-title-button.add,
- .sidebar-pane-toolbar > .pane-title-button.refresh {
- /*background-image: none !important;*/
- -webkit-background-position: -24px 0 !important;
- background-color: #b1bdc4 !important;
- -webkit-mask-repeat: no-repeat !important;
- }
- .pane-title-button.add {
- -webkit-mask-image: url(Images/paneAddButtons.png) !important;
- }
- .sidebar-pane-toolbar > .pane-title-button.refresh {
- -webkit-mask-image: url(Images/paneRefreshButtons.png) !important;
- }
- .panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.element-state,
- .panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.animations-controls,
- .panel.elements .sidebar-pane .sidebar-pane-toolbar .pane-title-button.add {
- background-color: #cdd3de !important;
- }
- .panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.element-state,
- .panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.animations-controls,
- .panel.elements .sidebar-pane .sidebar-pane-toolbar > .pane-title-button.add {
- background-image: none !important;
- }
- .panel.elements .sidebar-pane-toolbar > select > option,
- .panel.elements .sidebar-pane-toolbar > select > hr {
- color: #b1bdc4 !important;
- background-color: #222 !important;
- }
- .panel.elements .sidebar-pane-toolbar > select.select-settings {
- /*background-image: none !important; */
- -webkit-background-position: -24px 0 !important;
- background-color: #b1bdc4 !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-mask-image: url(Images/paneSettingsButtons.png) !important;
- }
- .panel.elements .sidebar-pane-toolbar .pane-title-button.element-state {
- -webkit-mask-image: url(Images/paneElementStateButtons.png) !important;
- }
- .panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls {
- -webkit-mask-image: url(Images/paneAnimationsButtons.png) !important;
- }
- .panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls {
- background-color: #000000 !important;
- }
- .panel.elements .sidebar-pane-toolbar .pane-title-button.element-state,
- .panel.elements .sidebar-pane-toolbar .pane-title-button.animations-controls,
- .panel.elements .sidebar-pane-toolbar .pane-title-button.add {
- background-color: #546e7a !important;
- }
- /* Highlight in Scripts */
- .webkit-highlighted-line.webkit-line-content {
- border-radius: 2px;
- }
- .webkit-highlighted-line.webkit-line-content * {
- color: #181818 !important;
- }
- /*exception icon state colors */
- .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
- background-color: #dc0303 !important;
- }
- .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
- background-color: #d5bf00 !important;
- }
- .webkit-highlighted-line {
- background-color: #80cbc4 !important;
- }
- .alternate-status-bar-buttons-bar .scripts-pause,
- .alternate-status-bar-buttons-bar .scripts-long-resume,
- .alternate-status-bar-buttons-bar .status-bar-item {
- background-color: #282e35 !important;
- border: 1px solid #263238 !important;
- }
- .alternate-status-bar-buttons-bar .status-bar-item.emulate-active {
- background-color: #222 !important;
- border: 1px solid #2e3c43 !important;
- }
- .properties-tree li,
- .outline-disclosure li::before,
- .properties-tree li.parent {
- background-color: inherit !important;
- line-height: inherit !important;
- }
- .event-listener-breakpoints.properties-tree li {
- height: auto !important;
- padding-top: 0 !important;
- }
- .event-listener-breakpoints.properties-tree li:before {
- -webkit-mask-position: -4px -93px !important;
- }
- .event-listener-breakpoints.properties-tree li .checkbox-elem {
- top: 2px !important;
- }
- .event-listener-breakpoints.properties-tree li.parent .checkbox-elem {
- top: 3px !important;
- }
- .source-frame-infobar {
- color: #ddbb00;
- border-bottom: 1px solid #2e3c43 !important;
- background-color: #2e3c43 !important;
- }
- .source-frame-infobar-toggle-link {
- color: #80cbc4 !important;
- }
- .sidebar-pane-button-new-rule {
- background-color: #546e7a !important;
- background-image: none;
- -webkit-mask-image: url(Images/paneAddButtons.png) !important;
- -webkit-mask-position: 0 0 !important;
- }
- .sidebar-pane-button-new-rule:hover {
- -webkit-mask-position: -23px 0 !important;
- }
- .text-editor-value-decoration {
- background-color: #282e35 !important;
- color: #b1bdc4 !important;
- padding: 0 5px;
- border-radius: 2px !important;
- box-shadow: 0 1px 0 0 #2e3c43 !important;
- border-top: 1px solid #1c1c1c !important;
- }
- /**********************************************
- /* Sources Panel Controls
- /**********************************************/
- .scripts-status-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- overflow: none !important;
- }
- .scripts-debug-toolbar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- }
- .help-indent-labels label {
- color: #b1bdc4 !important;
- }
- .scripts-debug-toolbar-drawer {
- background-color: transparent !important;
- border-bottom: none !important;
- color: #b1bdc4 !important;
- }
- .CodeMirror .webkit-html-message-bubble {
- color: #111 !important;
- border-radius: 2px !important;
- padding: 2px !important;
- }
- .CodeMirror-linewidget .source-frame-breakpoint-condition {
- border-radius: 4px !important;
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- }
- .CodeMirror-linewidget .source-frame-breakpoint-condition input {
- color: #b1bdc4 !important;
- }
- .CodeMirror-linewidget .source-frame-breakpoint-message {
- color: #80cbc4 !important;
- }
- .CodeMirror-linewidget #source-frame-breakpoint-condition {
- background-color: #222 !important;
- border: none !important;
- height: 22px !important;
- }
- /**********************************************
- /* Timeline Tab
- /**********************************************/
- .timeline .panel-status-bar {
- color: #b1bdc4 !important;
- }
- .timeline-category-statusbar-item,
- .timeline-records-stats,
- .record-title,
- .timeline-aggregated-category {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- #timeline-graphs .timeline-graph-side.hovered,
- .timeline-records-list .timeline-tree-item.hovered:not(.selected) {
- background-color: #282e35 !important;
- outline: 1px solid #282e35 !important;
- }
- #timeline-graphs .timeline-graph-side.selected,
- .timeline-records-list .timeline-tree-item.selected {
- background-color: #3e4c58 !important;
- outline: 1px solid #2e3c43 !important;
- }
- .timeline-records-list .timeline-tree-item {
- color: #b1bdc4 !important;
- }
- .timeline-records-list .timeline-tree-item .data.dimmed {
- color: #b1bdc4 !important;
- opacity: .7 !important;
- }
- /* Timeline */
- .sidebar-tree-section {
- text-shadow: none !important;
- }
- .timeline-tree-item.selected .timeline-tree-item-expand-arrow,
- .timeline-tree-item-expand-arrow {
- background-color: #8c8c8c !important;
- }
- #counter-values-bar,
- #memory-graphs-container .sidebar-tree-section,
- .timeline-records-title,
- .timeline-details-view-title {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #b1bdc4 !important;
- text-shadow: none !important;
- }
- #counter-values-bar {
- position: relative !important;
- top: 1px !important;
- border-bottom: none !important;
- }
- .timeline-aggregated-info-legend > div,
- .memory-counter-sidebar-info {
- color: #b1bdc4 !important;
- }
- .timeline-details-view-row-title {
- color: #626262 !important;
- }
- .timeline-details-view-title {
- border-bottom: none !important;
- }
- .timeline-details-view-row-value,
- .timeline-details-view-row-stack-trace {
- color: #b1bdc4 !important;
- }
- .timeline-details-view-row .timeline-details-view-row-stack-trace .webkit-html-resource-link {
- color: #c792ea !important;
- }
- #timeline-overview-sidebar {
- padding-right: 0 !important;
- border-right: 1px solid #263238 !important;
- }
- #timeline-overview-sidebar .sidebar-tree-item:hover {
- border-left: 6px solid #282e35 !important;
- }
- #timeline-overview-sidebar .sidebar-tree-item.selected {
- border-left: 6px solid #2e3c43 !important;
- }
- #timeline-overview-sidebar .sidebar-tree-item.selected .icon {
- background-color: #e6e6e6 !important;
- }
- #timeline-overview-sidebar .sidebar-tree-item.selected .title {
- color: #e6e6e6 !important;
- }
- #timeline-overview-sidebar .icon {
- background-color: #cdd3de !important;
- }
- #timeline-overview-sidebar .title {
- color: #cdd3de !important;
- }
- .timeline-cpu-curtain-left,
- .timeline-cpu-curtain-right {
- background-color: #b1bdc4 !important;
- opacity: 0.3 !important;
- }
- .timeline-expandable {
- border-left: 1px solid #919#2e3c43598 !important;
- }
- .timeline-expandable-left {
- border-top: 1px solid #b1bdc4 !important;
- border-bottom: 1px solid #b1bdc4 !important;
- }
- .timeline-utilization-strip .timeline-graph-bar {
- border-color: rgba(200, 200, 200, 0.3) !important;
- background-color: rgba(200, 200, 200, 0.2) !important;
- }
- #timeline-overview-panel {
- border-bottom: 1px solid #505050 !important;
- }
- .timeline .resources-event-divider.timeline-frame-divider,
- .resources-divider {
- background-color: #2a2a2a !important;
- }
- .panel:not(.network) .resources-dividers-label-bar {
- background: transparent !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .panel #timeline-grid-header .resources-dividers-label-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- }
- .overview-grid-dividers-background {
- background-color: red !important;
- }
- #timeline-overview-container {
- background-color: #222 !important;
- }
- #timeline-overview-container canvas {
- background-color: transparent !important;
- }
- .overview-grid-window-resizer {
- box-shadow: none !important;
- }
- .overview-grid-window-rulers {
- border-right: 1px solid #80cbc4;
- border-left: 1px solid #80cbc4;
- background: #80cbc4 !important;
- opacity: 0.2 !important;
- }
- .timeline-frame-strip {
- color: #b1bdc4 !important;
- }
- .overview-grid-dividers-background {
- background-color: #282e35 !important;
- }
- .overview-grid-window {
- background-color: #222 !important;
- }
- #memory-counters-graph {
- border-right: 1px solid #2a2a2a !important;
- }
- .timeline-frame-container {
- background: none !important;
- }
- #timeline-overview-panel .split-view-sidebar > label {
- color: #b1bdc4 !important;
- }
- .timeline-range-summary > div {
- color: #b1bdc4 !important;
- }
- .pie-chart-foreground {
- color: #b1bdc4;
- }
- .timeline-progress-pane {
- background-color: rgba(111, 111, 111, 0.5) !important;
- color: #b1bdc4 !important;
- }
- /* ==========================================================================
- Popovers
- ========================================================================== */
- .popover {
- border-width: 0 !important;
- background: #282e35 !important;
- }
- .popover .arrow {
- background-image: url() !important;
- }
- .popover .content {
- border-radius: 3px !important;
- color: #b1bdc4 !important;
- }
- .popover .content .source-frame-popover-title {
- color: #ff8b3e !important;
- }
- .popover .content .source-frame-popover-tree {
- border-top: 1px solid #546e7a !important;
- }
- .popover .content .popover-details-title {
- color: #ddbb00 !important;
- }
- .popover .content .popover-details-row-title {
- color: #929ba2 !important;
- }
- .popover .content .network-timing-bar {
- background-color: #80cbc4 !important;
- border-left-color: #80cbc4 !important;
- }
- .popover .content .network-timing-bar-title {
- color: #b1bdc4 !important;
- text-shadow: 0 1px 1px #2e3c43;
- }
- .popover a.undefined {
- color: #c792ea !important;
- }
- .webkit-line-content .text-editor-overlay-highlight {
- background-color: #3e4c58 !important;
- outline: 1px solid #2e3c43 !important;
- }
- .spectrum-container {
- border: none !important;
- background: #111 !important;
- border-radius: 3px !important;
- padding: 7px 10px !important;
- }
- .spectrum-container .swatch {
- margin-right: 3px !important;
- }
- .spectrum-range-container {
- padding-bottom: 0 !important;
- }
- .spectrum-range-container input {
- position: static !important;
- }
- .bezier-icon {
- background-color: #80cbc4 !important;
- }
- .bezier-icon path {
- stroke: #263238 !important;
- }
- ::shadow .bezier-preview-container {
- background: #b1bdc4 !important;
- }
- ::shadow .bezier-preview-animation {
- background-color: #80cbc4 !important;
- }
- ::shadow .bezier-curve circle.bezier-control-circle {
- fill: #80cbc4 !important;
- }
- ::shadow .bezier-curve line.bezier-control-line {
- stroke: #80cbc4 !important;
- }
- ::shadow .bezier-curve line.bezier-control-accent {
- stroke: #b1bdc4 !important;
- }
- ::shadow .bezier-curve line.linear-line {
- stroke: #282e35 !important;
- }
- ::shadow .bezier-curve path.bezier-path {
- stroke: #000 !important;
- }
- /**********************************************
- /* Readability
- /* -------------------------------------------
- /* Adjust the line height for elements|sources
- /* tab, find, and console. Adjust margin-top
- /* to line up expand/collapse arrow in
- /* elements panel
- /**********************************************/
- .text-editor .inner-container .webkit-line-content,
- .text-editor-lines .inner-container .webkit-line-number,
- .styles-section .properties li,
- .CodeMirror-lines,
- #search-results-pane-file-based .search-match,
- ::shadow #search-results-pane-file-based .search-match {
- line-height: 14px !important;
- }
- .panel.elements .outline-disclosure li.parent::before {
- margin-top: 1px;
- }
- /**********************************************
- /* Screencast
- /**********************************************/
- .screencast {
- background-color: #222 !important;
- }
- .screencast .screencast-viewport {
- background-color: #2e3c43;
- box-shadow: 0 0 2px 0 #80cbc4;
- margin: auto !important;
- }
- .screencast .screencast-navigation button {
- background-color: #80cbc4 !important;
- -webkit-mask-image: -webkit-image-set(url(Images/navigationControls.png) 1x, url(Images/navigationControls_2x.png) 2x);
- background-image: none !important;
- border: none !important;
- width: 21px !important;
- height: 21px !important;
- cursor: pointer !important;
- }
- .screencast .screencast-navigation button.back {
- -webkit-mask-position: 0 2px;
- }
- .screencast .screencast-navigation button.forward {
- -webkit-mask-position: -17px 2px;
- }
- .screencast .screencast-navigation button.reload {
- -webkit-mask-position: -36px 2px;
- }
- .screencast .screencast-navigation button[disabled] {
- background-color: #b1bdc4 !important;
- opacity: 1 !important;
- cursor: default !important;
- }
- .screencast .screencast-navigation .progress {
- background-color: #80cbc4 !important;
- }
- .screencast .screencast-navigation input {
- background: #282e35 !important;
- color: #e6e6e6 !important;
- border: 1px solid #2e3c43 !important;
- }
- /**********************************************
- /* Scrollbars
- /**********************************************/
- ::-webkit-scrollbar,
- .CodeMirror-scrollbar-filler,
- .CodeMirror-gutter-filler {
- width: 6px !important;
- height: 12px !important;
- border-radius: 25px !important;
- background-color: #37474f !important;
- }
- ::-webkit-scrollbar-track:horizontal,
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal,
- .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
- .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal {
- -webkit-box-shadow: none !important;
- background: #111 !important;
- }
- ::-webkit-scrollbar-track:vertical,
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical,
- .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
- .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
- -webkit-box-shadow: none !important;
- background: #111 !important;
- }
- ::-webkit-scrollbar-corner,
- .CodeMirror-scrollbar-filler,
- .CodeMirror-gutter-filler {
- -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 0px !important;
- background-color: #37474f !important;
- border: none!important;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- -webkit-box-shadow: none !important;
- }
- ::-webkit-scrollbar-thumb:vertical {
- -webkit-box-shadow: none !important;
- }
- /*Popover scrollbar overrides */
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track,
- .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
- .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track {
- -webkit-box-shadow: none !important;
- background-image: none !important;
- }
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb {
- -webkit-border-image: none !important;
- }
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical {
- -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important;
- }
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal {
- -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
- }
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active,
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover,
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement,
- .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement,
- .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
- -webkit-border-image: none !important;
- }
- .custom-popup-horizontal-scroll ::-webkit-scrollbar,
- .custom-popup-vertical-scroll ::-webkit-scrollbar {
- background: none !important;
- }
- /**********************************************
- /* Elements/Sources Right Sidebar
- /**********************************************/
- .styles-section {
- padding: 4px 0 !important;
- margin: 0 10px;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: none !important;
- }
- .styles-section:first-child {
- border-top: none !important;
- }
- .styles-section.read-only:not(.computed-style) {
- background-color: #222 !important;
- margin: 0;
- padding-left: 10px !important;
- padding-right: 10px !important;
- }
- .styles-section .value {
- color: #fbe793 !important;
- font-weight: 600;
- }
- .styles-section .child-editing,
- .styles-section .header .subtitle {
- color: #999999 !important;
- }
- .styles-section .properties .overloaded,
- .styles-section .properties .inactive,
- .styles-section .properties .disabled,
- .styles-section .properties .not-parsed-ok {
- opacity: .5 !important;
- }
- .event-bars .event-bar .header .title {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- .sidebar-pane {
- /*-- METRICS--*/
- }
- .sidebar-pane .body,
- .sidebar-pane .monospace {
- color: #b1bdc4 !important;
- }
- .sidebar-pane .section.expanded > .header {
- border-bottom: 1px solid #2e3c43 !important;
- }
- .sidebar-pane .section.expanded > .properties-tree {
- background-color: #222 !important;
- }
- .sidebar-pane .body .metrics {
- color: #000 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- margin-top: 5px !important;
- }
- .sidebar-pane .body .metrics .position,
- .sidebar-pane .body .metrics .margin:not([style^=background-color]),
- .sidebar-pane .body .metrics .border:not([style^=background-color]),
- .sidebar-pane .body .metrics .padding:not([style^=background-color]),
- .sidebar-pane .body .metrics .margin:not([style^=background-color]),
- .sidebar-pane .body .metrics .content:not([style^=background-color]) {
- background-color: #546e7a !important;
- }
- .sidebar-pane .section:first-child {
- border-top: none !important;
- }
- .styles-section.first-styles-section,
- .sidebar-separator + .styles-section {
- border-top: none !important;
- }
- .sidebar-separator {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #b1bdc4 !important;
- text-shadow: none !important;
- border-top: none !important;
- border-bottom: none !important;
- }
- /*-- PSEUDO STATE DISPLAY --*/
- .styles-element-state-pane {
- background: #313131 !important;
- padding: 4px 0 !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- .styles-element-state-pane.expanded {
- margin-top: 0 !important;
- }
- .sidebar-pane-stack .event-category,
- .sidebar-pane .section,
- .events-pane > ol > li.parent {
- border-top: 1px solid #343434 !important;
- border-bottom: 1px solid #101010 !important;
- margin-top: 0 !important;
- }
- /**********************************************
- /* Resources & Sources Sidebar
- /**********************************************/
- .panel:not(.elements):not(.console) {
- /*-- currently selected element --*/
- }
- .panel:not(.elements):not(.console) .base-storage-tree-element-title,
- .panel:not(.elements):not(.console) .base-storage-tree-element-subtitle,
- .panel:not(.elements):not(.console) .base-navigator-tree-element-title {
- color: #b1bdc4 !important;
- top: 0 !important;
- }
- .panel:not(.elements):not(.console) .selected .base-storage-tree-element-title,
- .panel:not(.elements):not(.console) .selected .base-storage-tree-element-subtitle,
- .panel:not(.elements):not(.console) .selected .base-navigator-tree-element-title {
- color: #e6e6e6 !important;
- text-shadow: none !important;
- }
- .panel:not(.elements):not(.console) .sidebar li {
- color: #b1bdc4 !important;
- }
- .panel:not(.elements):not(.console) .outline-disclosure li.selected .selection {
- background: #3e4c58 !important;
- color: #e6e6e6 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- margin-top: -1px !important;
- }
- .panel:not(.elements):not(.console) .outline-disclosure li:hover:not(.selected) .selection,
- .panel:not(.elements):not(.console) .outline-disclosure li.hovered:not(.selected) .selection {
- display: block !important;
- background: #282e35 !important;
- border-top: 1px solid #282e35 !important;
- border-bottom: 1px solid #282e35 !important;
- margin-top: -1px !important;
- height: 18px !important;
- border-radius: 0 !important;
- }
- .panel:not(.elements):not(.console) .outline-disclosure ol:focus li.selected .selection {
- background: #3e4c58 !important;
- color: #e6e6e6 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: 1px solid #2e3c43 !important;
- margin-top: -1px !important;
- text-shadow: none !important;
- }
- .panel:not(.elements):not(.console) .sidebar-overlay {
- border-right: 1px solid #2a2a2a !important;
- box-shadow: #141414 5px 0px 22px 3px !important;
- }
- .sidebar li.selected .selection {
- background-image: none !important;
- border: none !important;
- }
- /************************************************
- /* Status bar
- /************************************************/
- select.status-bar-item,
- select.status-bar-item:hover,
- ::shadow select.status-bar-item,
- .toolbar::shadow select.toolbar-item,
- .toolbar::shadow select.toolbar-item:hover,
- ::shadow .toolbar::shadow select.toolbar-item {
- color: #b1bdc4 !important;
- text-shadow: none !important;
- border-left: 1px solid #2e3c43 !important;
- border-right: 1px solid #2e3c43 !important;
- background: inherit !important;
- border-top: none !important;
- border-bottom: none !important;
- }
- select.status-bar-item option,
- .toolbar::shadow select.toolbar-item option {
- background-color: #222 !important;
- }
- .status-bar-items {
- border-left: none !important;
- }
- /*text color of status bar labels */
- .status-bar label[for=search-replace-trigger],
- #bottom-status-bar-container .type,
- #bottom-status-bar-container .timeline-records-stats,
- .source-frame-cursor-position,
- .search-status-bar-summary .search-message,
- .search-results-status-bar-message,
- ::shadow .search-status-bar-summary .search-message {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- /*-- GLYPHS --*/
- button.scripts-step-over .glyph .toggled-on .long-click-glyph,
- button.scripts-step-into .glyph .toggled-on .long-click-glyph,
- button.scripts-step-out .glyph .toggled-on .long-click-glyph,
- .filters-toggle.toggled-active .glyph .toggled-on .long-click-glyph,
- button.status-bar-item.toggled-on .glyph .toggled-on .long-click-glyph,
- button.status-bar-item.toggled-on .glyph:not(.shadow) .toggled-on .long-click-glyph,
- button.clear-status-bar-item:active .glyph .toggled-on .long-click-glyph,
- button.garbage-collect-status-bar-item:active .glyph .toggled-on .long-click-glyph,
- button.glue-async-status-bar-item:active .glyph .toggled-on .long-click-glyph,
- .filters-toggle.toggled-shown .glyph .toggled-on .long-click-glyph,
- ::shadow .toggled-on .long-click-glyph {
- background-color: #80cbc4 !important;
- }
- button.scripts-step-over .glyph .long-click-glyph,
- button.scripts-step-into .glyph .long-click-glyph,
- button.scripts-step-out .glyph .long-click-glyph,
- .filters-toggle.toggled-active .glyph .long-click-glyph,
- button.status-bar-item.toggled-on .glyph .long-click-glyph,
- button.status-bar-item.toggled-on .glyph:not(.shadow) .long-click-glyph,
- button.clear-status-bar-item:active .glyph .long-click-glyph,
- button.garbage-collect-status-bar-item:active .glyph .long-click-glyph,
- button.glue-async-status-bar-item:active .glyph .long-click-glyph,
- .filters-toggle.toggled-shown .glyph .long-click-glyph,
- ::shadow .long-click-glyph {
- background-color: #b1bdc4 !important;
- }
- .toolbar-background button.status-bar-item .glyph,
- .toolbar-background button.status-bar-item .long-click-glyph {
- background-color: #b1bdc4 !important;
- }
- #scripts-debugger-status {
- color: #80cbc4 !important;
- }
- button.scripts-step-over:disabled .glyph,
- button.scripts-step-into:disabled .glyph,
- button.scripts-step-out:disabled .glyph {
- background-color: #222 !important;
- }
- .sources-status-bar,
- .panel-status-bar,
- .resources-status-bar .status-bar,
- .overrides-footer,
- .status-bar,
- ::shadow .search-bar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-top: none!important;
- color: #b1bdc4 !important;
- }
- .checkbox-filter-checkbox,
- label.checkbox,
- .checkbox-filter-checkbox-check,
- .filter-checkbox-filter .type,
- #text-filter-regex + label {
- color: #b1bdc4 !important;
- }
- .checkbox-filter-checkbox {
- background: #fff !important;
- }
- .filter-bitset-filter li {
- padding: 2px 6px !important;
- margin: auto 2px !important;
- border-radius: 8px !important;
- }
- .status-bar-select-arrow {
- position: relative !important;
- right: 5px !important;
- }
- .event-listener-breakpoints .checkbox-elem {
- top: 0 !important;
- }
- .save-device-button,
- .remove-device-button {
- background: #111 !important;
- color: #cdd3de !important;
- border: none !important;
- border-radius: 3px !important;
- cursor: pointer !important;
- box-shadow: none !important;
- text-shadow: none !important;
- }
- .save-device-button:disabled,
- .remove-device-button:disabled {
- cursor: default !important;
- opacity: 0.3 !important;
- }
- .save-device-button:not(:disabled):active,
- .remove-device-button:not(:disabled):active {
- box-shadow: inset 0 1px 1px 0 #151515, 0 1px 1px 0 #6f6f6f !important;
- }
- /**********************************************
- /* Suggest Box
- /**********************************************/
- .suggest-box {
- color: #000 !important;
- background-color: #222 !important;
- border: 2px rgba(0, 0, 0, 0.2) solid !important;
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
- }
- .suggest-box-content-item.source-code:hover {
- background-color: #282e35 !important;
- border: 1px solid #b1bdc4 !important;
- }
- .suggest-box-content-item.source-code.selected {
- background-color: #282e35 !important;
- }
- .suggest-box .source-code .prefix {
- color: #80cbc4 !important;
- }
- .suggest-box .source-code .suffix {
- color: #d9d9d9 !important;
- }
- /**********************************************
- /* Code Highlighting
- /**********************************************/
- .cm-js-atom {
- color: #80cbc4 !important;
- }
- .cm-js-attribute {
- color: #4e87bf !important;
- }
- .cm-js-builtin {
- color: #8da6ce !important;
- }
- .cm-js-comment {
- color: #546e7a !important;
- font-style: italic;
- }
- .cm-js-def {
- color: #c792ea !important;
- font-weight: 600;
- }
- .cm-js-error {
- background: #9D1E15 !important;
- color: #f8f8f8 !important;
- }
- .cm-js-header {
- color: #ff6400 !important;
- }
- .cm-js-hr {
- color: #aeaeae !important;
- }
- .cm-js-keyword {
- color: #c792ea !important;
- font-style: italic;
- }
- .cm-js-link {
- color: #8da6ce !important;
- }
- .cm-js-meta {
- color: #d8fa3c !important;
- }
- .cm-js-number,
- .section .properties .number,
- .event-properties .number {
- color: #80cbc4 !important;
- }
- .cm-js-operator {
- color: #c3e88b !important;
- }
- .cm-js-property {
- color: #76aeff !important;
- }
- .cm-js-string {
- color: #c792ea !important;
- }
- .cm-js-string-2 {
- color: #c792ea !important;
- }
- .cm-js-tag {
- color: #929ba2 !important;
- }
- .cm-js-variable {
- color: #80cbc4 !important;
- }
- .cm-js-variable-2 {
- color: #ffcb6b !important;
- }
- .source-frame-eval-expression {
- background-color: #3e4c58 !important;
- border-color: #2e3c43 !important;
- }
- .cm-atom {
- color: #80cbc4 !important;
- }
- .cm-comment {
- color: #546e7a !important;
- font-style: italic;
- }
- .cm-variable {
- color: #b1bdc4 !important;
- }
- .cm-string {
- color: #c792ea !important;
- }
- .cm-keyword {
- color: #fbe793 !important;
- font-style: italic;
- }
- .cm-number {
- color: #80cbc4 !important;
- }
- .cm-operator {
- color: #80cbc4 !important;
- }
- .cm-error {
- background: #9D1E15 !important;
- color: #f8f8f8 !important;
- }
- .cm-s-default .cm-property {
- color: #b1bdc4 !important;
- }
- /*--CSS--*/
- .cm-css-atom {
- color: #80cbc4 !important;
- }
- .cm-css-builtin {
- color: #fad431 !important;
- }
- .cm-css-def {
- color: #fad431 !important;
- }
- .cm-css-comment {
- color: #546e7a !important;
- font-style: italic;
- }
- .cm-css-meta {
- color: #fbe793 !important;
- }
- .cm-css-number {
- color: #fb516d !important;
- }
- .cm-css-operator {
- color: #fad431 !important;
- }
- .cm-css-property {
- color: #fad431 !important;
- }
- .cm-css-qualifier {
- color: #fad431 !important;
- }
- .cm-css-string {
- color: #c792ea !important;
- }
- .cm-css-string-2 {
- color: #80cbc4 !important;
- }
- .cm-css-tag {
- color: #fad431 !important;
- }
- .cm-css-variable {
- color: #fad431 !important;
- }
- .cm-css-variable-2 {
- color: #fad431 !important;
- }
- /*--HTML--*/
- .cm-xml-comment {
- color: #6c6c6c !important;
- font-style: italic !important;
- }
- .cm-xml-error {
- color: #bf4c4c !important;
- }
- .cm-xml-string {
- color: #fbe793 !important;
- }
- .cm-xml-tag {
- color: #929ba2 !important;
- }
- .cm-xml-attribute {
- color: #80cbc4 !important;
- }
- .cm-xml-link {
- color: #c792ea !important;
- }
- ::shadow .webkit-html-fragment {
- color: #ddbb00 !important;
- }
- .outline-disclosure ol li .highlight {
- color: #ddbb00 !important;
- }
- /*--GLOBAL--*/
- .CodeMirror-code {
- color: #b1bdc4;
- }
- /**********************************************
- /* Code Highlighting [WEBKIT]
- /**********************************************/
- .cm-js-atom {
- color: #89f5a2 !important;
- }
- .cm-js-attribute {
- color: #4e87bf !important;
- }
- .cm-js-builtin {
- color: #8da6ce !important;
- }
- .cm-js-comment {
- color: #676767 !important;
- font-style: italic;
- }
- .cm-js-def {
- color: #49a6d2 !important;
- }
- .cm-js-error {
- background: #9D1E15 !important;
- color: #f8f8f8 !important;
- }
- .cm-js-header {
- color: #ff6400 !important;
- }
- .cm-js-hr {
- color: #aeaeae !important;
- }
- .cm-js-keyword {
- color: #8b6ccf !important;
- font-style: italic;
- }
- .cm-js-link {
- color: #8da6ce !important;
- }
- .cm-js-meta {
- color: #d8fa3c !important;
- }
- .cm-js-number {
- color: #89f5a2 !important;
- }
- .cm-js-operator {
- color: #cdb943 !important;
- }
- .cm-js-property {
- color: #cdb943 !important;
- }
- .cm-js-string {
- color: #f07b3c !important;
- }
- .cm-js-string-2 {
- color: #f07b3c !important;
- }
- .cm-js-tag {
- color: #49a6d2 !important;
- }
- .cm-js-variable {
- color: #EDDFAF !important;
- }
- .cm-js-variable-2 {
- color: #EDDFAF !important;
- }
- .source-frame-eval-expression {
- background-color: #424242 !important;
- border-color: #686868 !important;
- }
- .cm-atom {
- color: #89f5a2 !important;
- }
- .cm-comment {
- color: #676767 !important;
- font-style: italic;
- }
- .cm-variable {
- color: #EDDFAF !important;
- }
- .cm-string {
- color: #f07b3c !important;
- }
- .cm-keyword {
- color: #8b6ccf !important;
- font-style: italic;
- }
- .cm-number {
- color: #89f5a2 !important;
- }
- .cm-operator {
- color: #cdb943 !important;
- }
- .cm-error {
- background: #9D1E15 !important;
- color: #f8f8f8 !important;
- }
- .cm-s-default .cm-property {
- color: #EDDFAF !important;
- }
- .cm-css-atom {
- color: #EDDFAF !important;
- }
- .cm-css-builtin {
- color: #ff9635 !important;
- }
- .cm-css-def {
- color: #ff9635 !important;
- }
- .cm-css-comment {
- color: #676767 !important;
- font-style: italic;
- }
- .cm-css-meta {
- color: #EDBF82 !important;
- }
- .cm-css-number {
- color: #EDDFAF !important;
- }
- .cm-css-operator {
- color: #EDDFAF !important;
- }
- .cm-css-property {
- color: #EDBF82 !important;
- }
- .cm-css-qualifier {
- color: #ff9635 !important;
- }
- .cm-css-string {
- color: #e3b959 !important;
- }
- .cm-css-string-2 {
- color: #EDDFAF !important;
- }
- .cm-css-tag {
- color: #ff9635 !important;
- }
- .cm-css-variable {
- color: #ff9635 !important;
- }
- .cm-css-variable-2 {
- color: #ff9635 !important;
- }
- .cm-xml-comment {
- color: #969896 !important;
- font-style: italic !important;
- }
- .cm-xml-error {
- color: #bf4c4c !important;
- }
- .cm-xml-string {
- color: #b9ca4a !important;
- }
- .cm-xml-tag {
- color: #d54e53 !important;
- }
- .cm-xml-attribute {
- color: #e78c45 !important;
- }
- .cm-xml-link {
- color: #7aa6da !important;
- }
- .shadow-root .webkit-html-fragment.shadow-root {
- color: #ddbb00 !important;
- }
- .outline-disclosure ol li .highlight {
- color: #ddbb00 !important;
- }
- .CodeMirror-code {
- color: #EDDFAF;
- }
- .webkit-html-attribute-name {
- color: #90BDE8 !important;
- }
- .webkit-html-attribute-value {
- color: #76BA53 !important;
- }
- .webkit-html-comment {
- color: #969896 !important;
- font-style: italic;
- }
- .webkit-html-resource-link,
- .webkit-html-external-link {
- color: #EA9C77 !important;
- text-decoration: none !important;
- }
- .webkit-line-gutter-backdrop + table .webkit-html-external-link {
- color: #d33682 !important; }
- .webkit-html-tag,
- .webkit-html-tag-name {
- color: #4B9CE9 !important;
- }
- .webkit-html-text-node,
- .webkit-html-css-node,
- .webkit-html-js-node {
- color: #85b7f1 !important;
- }
- .webkit-html-pseudo-element {
- color: #c3d7ee !important;
- }
- .selector-matches {
- color: #ff9635 !important;
- }
- .webkit-css-selector {
- color: #ff9635 !important;
- }
- .webkit-css-at-rule {
- color: #b094bb !important;
- }
- .webkit-css-color {
- color: #ff9635 !important;
- }
- .webkit-css-comment {
- color: #676767 !important;
- }
- .webkit-css-important {
- color: #ff0000 !important;
- }
- .webkit-css-keyword {
- color: #EA9C77 !important;
- }
- .webkit-css-number {
- color: #EDDFAF !important;
- }
- .webkit-css-property,
- .styles-section .properties > li .webkit-css-property {
- color: #EDBF82 !important;
- font-weight: 400;
- }
- .webkit-css-string {
- color: #e3b959 !important;
- }
- .webkit-css-url {
- color: #7aa6da !important;
- }
- .section .properties .name,
- .event-properties .name,
- .console-formatted-object .name {
- color: #77a8c6 !important;
- }
- .console-formatted-object,
- .console-formatted-array {
- color: #7c7c7c !important;
- }
- .console-formatted-function {
- color: #8b6ccf !important;
- }
- .console-formatted-number {
- color: #89f5a2 !important;
- }
- .console-formatted-boolean {
- color: #89f5a2 !important;
- }
- .console-object-preview {
- color: #dddddd !important;
- }
- .console-formatted-regexp {
- color: #ff54e8 !important;
- }
- .console-formatted-string {
- color: #ff8737 !important;
- }
- .console-formatted-undefined {
- color: #ad4e4e !important;
- }
- .json .title {
- color: #EDDFAF !important;
- }
- .json .separator {
- color: #919191 !important;
- }
- /**********************************************/
- /* Tables
- /**********************************************/
- .data-grid {
- border: 1px solid #151515 !important;
- background-color: transparent !important;
- background-image: none !important;
- }
- .data-grid th,
- .data-grid .data {
- background: none !important;
- border-left: 1px solid #2e3c43 !important;
- }
- .data-grid .header {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- }
- .data-grid .header th {
- color: #80cbc4 !important;
- }
- .data-grid .header .key-column,
- .data-grid .header .value-column {
- border: none !important;
- }
- .data-grid td {
- border-left: 1px solid #282828 !important;
- }
- .data-grid .data-container a {
- text-decoration: none;
- color: #c792ea !important;
- }
- .data-grid .data-container tr:nth-child(odd) {
- background-color: #222 !important;
- }
- .data-grid .data-container tr:nth-child(even) {
- background-color: #282e35 !important;
- }
- .data-grid .data-container tr:not(.selected):not(.filler):hover {
- background-color: #282e35 !important;
- outline: 1px solid #414141 !important;
- }
- .data-grid .data-container tr.selected {
- background-color: #3e4c58 !important;
- outline: 1px solid #2e3c43 !important;
- }
- .data-grid .data-container tr .editing * {
- color: #FFF !important;
- background-color: #222 !important;
- }
- /***********************/
- /* Tabbed Panes
- /***********************/
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: none;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab {
- border-top: 2px solid #b1bdc4 !important;
- border-left: none !important;
- border-right: none !important;
- padding: 2px 7px !important;
- margin: 0 !important;
- margin-top: 0 !important;
- margin-bottom: 1px !important;
- border-color: transparent !important;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab:hover {
- color: #f8f8f8 !important;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab.selected {
- background: none !important;
- border-top: 2px solid #80cbc4 !important;
- color: #f8f8f8 !important;
- font-size: 1em;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .editor-container-unsaved-committed-changes-icon + .tabbed-pane-header-tab-title {
- color: #ddbb00;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-contents {
- color: #999999 !important;
- }
- .tabbed-pane:not(.help-window-main) .tabbed-pane-header .tabbed-pane-header-tab-title {
- line-height: 16px !important;
- }
- .tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab {
- border-top: none !important;
- margin-left: 6px !important;
- }
- .tabbed-pane:not(.help-window-main) .overrides-view .tabbed-pane-header-tab.selected {
- border-top: none !important;
- border-left: 6px solid #80cbc4 !important;
- margin-left: 0 !important;
- }
- .tabbed-pane-content not(.overrides-view) .tabbed-pane-header {
- flex: 0 0 25px !important;
- }
- .tabbed-pane-content not(.overrides-view) .tabbed-pane-header .tabbed-pane-header-tab {
- height: 25px !important;
- line-height: 18.75px !important;
- cursor: pointer !important;
- }
- #drawer-contents .tabbed-pane-header,
- .inactive #drawer-contents .tabbed-pane-header {
- border-top: none !important;
- border-bottom: #b1bdc4 !important;
- }
- .tabbed-pane-tab-slider,
- ::shadow .tabbed-pane-tab-slider {
- display: none !important;
- }
- body .toolbar-background,
- body.undocked.platform-mac-mountain-lion.inactive .toolbar-background,
- body.undocked.platform-mac-mountain-lion .toolbar-background,
- body.platform-mac-mountain-lion.inactive .toolbar-background,
- body.platform-mac-mountain-lion .toolbar-background,
- body.undocked.platform-mac.inactive .toolbar-background,
- body.undocked.platform-mac .toolbar-background,
- body.inactive .toolbar-background,
- body:not(.undocked) .toolbar-background {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-bottom: none !important;
- }
- select.tabbed-pane-header-tabs-drop-down-select {
- background-color: #222 !important;
- color: #b1bdc4 !important;
- }
- .toolbar .tabbed-pane-header .tabbed-pane-header-tab {
- height: 34px !important;
- line-height: 25.5px !important;
- padding: 2px 4px !important;
- cursor: pointer !important;
- border-image: none !important;
- }
- .toolbar .tabbed-pane-header .tabbed-pane-header-tabs-drop-down {
- line-height: 30.6px;
- }
- .toolbar .toolbar-controls-left,
- .toolbar .toolbar-controls-right {
- padding-top: 6px !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- #network-views .network-item-view .tabbed-pane-header {
- padding-top: 0 !important;
- }
- #network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab {
- height: 31px !important;
- }
- #network-views .network-item-view .tabbed-pane-header .tabbed-pane-header-tab-title {
- line-height: 21px !important;
- }
- #network-views.small .network-item-view .tabbed-pane-header .tabbed-pane-header-tab-title {
- line-height: 12px !important;
- }
- .tabbed-pane-header-tabs-drop-down {
- color: #999 !important;
- }
- .split-view.hbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
- border-left: 2px solid #2e3c43 !important;
- }
- .split-view.hbox > .split-view-sidebar.split-view-contents-first:not(.maximized) {
- border-right: 2px solid #2e3c43 !important;
- }
- .tabbed-pane-header-tab {
- width: auto !important;
- }
- .filter-bitset-filter li,
- .filter-bitset-filter li.selected,
- .filter-bitset-filter li:hover,
- .filter-bitset-filter li:active {
- text-shadow: 0 0 0 #b1bdc4 !important;
- color: #b1bdc4 !important;
- }
- .filter-bitset-filter li:hover {
- background: #2e3c43 !important;
- }
- .filter-bitset-filter li.selected {
- color: #f2f2f2 !important;
- background: #282e35 !important;
- }
- .filter-bitset-filter li.selected.error {
- background: #ff5a5a !important;
- }
- .filter-bitset-filter li.selected.warning {
- background: #ddbb00 !important;
- }
- .filter-bitset-filter li.selected.info {
- background: #80cbc4 !important;
- }
- .filter-bitset-filter li.selected.log {
- background: #929ba2 !important;
- }
- .filter-bitset-filter li.selected.debug {
- background: #fc844c !important;
- }
- .network-filters-header,
- .console-filters-header,
- .timeline-filters-header {
- background: #2e3c43;
- }
- /*separator between all | rest of options*/
- .filter-bitset-filter-divider {
- background-color: #2e3c43 !important;
- }
- .status-bar-counter,
- body .inspector-view-toolbar.status-bar::shadow .status-bar-item {
- color: #b1bdc4 !important;
- }
- .status-bar-counter:hover {
- border-bottom: none !important;
- }
- .tabbed-pane-header-tabs-drop-down > select.drop-down-menu option {
- background-color: #222 !important;
- color: #b1bdc4 !important;
- }
- .overrides-splash-screen {
- color: #b1bdc4 !important;
- }
- .overrides-splash-screen .glyph {
- background-color: #b1bdc4 !important;
- }
- .tabbed-pane-header-tab.overrides-activate .tabbed-pane-header-tab-title::after {
- color: #80cbc4 !important;
- }
- ::shadow .shadow-split-view.hbox.shadow-split-view-first-is-sidebar > .shadow-split-view-sidebar:not(.maximized) {
- border-right: 2px solid #2e3c43 !important;
- }
- ::shadow .shadow-split-view.hbox > .shadow-split-view-sidebar:not(.maximized) {
- border-left: 2px solid #2e3c43 !important;
- }
- ::shadow .shadow-split-view.vbox > .shadow-split-view-resizer > .shadow-split-view-resizer-border {
- border-top: none !important;
- }
- ::shadow .status-bar-item > .glyph,
- ::shadow .shadow-split-view button.sidebar-show-hide-button {
- background-color: #b1bdc4 !important;
- }
- ::shadow .status-bar-item[disabled] {
- opacity: 0.5 !important;
- }
- ::shadow button.status-bar-item.toggled-on .glyph,
- ::shadow .filter-status-bar-item.toggled-shown .glyph,
- ::shadow button.status-bar-item:not([disabled]):active .glyph {
- background-color: #80cbc4 !important;
- }
- @-webkit-keyframes fadeout-revised {
- 0% {
- background-color: #3e4c58;
- }
- 50% {
- background-color: #3e4c58;
- }
- 100% {
- background-color: #263238;
- outline: 1px solid #263238;
- }
- }
- body ::shadow .editing {
- background-color: #222 !important;
- outline: 1px solid #80cbc4 !important;
- color: #b1bdc4 !important;
- }
- body ::shadow .CodeMirror {
- outline: none !important;
- border: 1px solid #2e3c43 !important;
- border-radius: 5px;
- box-shadow: inset 0 0 15px 0 rgba(17, 17, 17, 0.6) !important;
- margin: 10px 0;
- padding: 10px 0 0 10px !important;
- color: #b1bdc4 !important;
- }
- body ::shadow ::-webkit-scrollbar,
- body ::shadow .CodeMirror-scrollbar-filler,
- body ::shadow .CodeMirror-gutter-filler {
- width: 12px !important;
- height: 12px !important;
- background-color: #222 !important;
- }
- body ::shadow ::-webkit-scrollbar-track:horizontal,
- body ::shadow .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
- body ::shadow .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal,
- body ::shadow .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:horizontal,
- body ::shadow .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:horizontal {
- -webkit-box-shadow: none !important;
- background: #282e35 !important;
- }
- body ::shadow ::-webkit-scrollbar-track:vertical,
- body ::shadow .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
- body ::shadow .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical,
- body ::shadow .custom-popup-vertical-scroll .custom-popup-horizontal-scroll ::-webkit-scrollbar-track:vertical,
- body ::shadow .custom-popup-horizontal-scroll .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
- -webkit-box-shadow: none !important;
- background: #282e35 !important;
- }
- body ::shadow ::-webkit-scrollbar-corner,
- body ::shadow .CodeMirror-scrollbar-filler,
- body ::shadow .CodeMirror-gutter-filler {
- -webkit-box-shadow: none !important;
- background: #282e35 !important;
- }
- body ::shadow ::-webkit-scrollbar-thumb {
- border-radius: 0px !important;
- background-color: #222 !important;
- border: none !important;
- }
- body ::shadow ::-webkit-scrollbar-thumb:horizontal {
- -webkit-box-shadow: none !important;
- }
- body ::shadow ::-webkit-scrollbar-thumb:vertical {
- -webkit-box-shadow: none !important;
- }
- body ::shadow .styles-section.matched-styles .properties li.parent.expanded .expand-element,
- body ::shadow #console-messages .console-group-messages .section.expanded .header::before,
- body ::shadow #console-messages .properties-tree li.parent.expanded::before,
- body ::shadow .outline-disclosure li.parent.expanded::before,
- body ::shadow .properties-tree li.parent.expanded::before,
- body ::shadow .section.expanded > .header::before,
- body ::shadow .section .event-bar.expanded .header::before,
- body ::shadow .sidebar-pane .parent.expanded::before,
- body ::shadow .sidebar-pane-stack .sidebar-pane-title.expanded::before,
- body ::shadow .timeline-expandable-expanded .timeline-expandable-arrow {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-mask-position: -4px -96px !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-transform: rotate(90deg);
- }
- body ::shadow .sidebar-pane-stack .sidebar-pane-title.expanded::before {
- -webkit-transform: rotate(90deg) translateX(2px);
- }
- body ::shadow .styles-section.matched-styles .properties li.parent .expand-element,
- body ::shadow #console-messages .console-group-messages .section .header::before,
- body ::shadow #console-messages .properties-tree li.parent::before,
- body ::shadow .outline-disclosure li.parent::before,
- body ::shadow #search-results-pane-file-based .parent::before,
- body ::shadow .properties-tree li.parent::before,
- body ::shadow .section > .header::before,
- body ::shadow .section .event-bar .header::before,
- body ::shadow .sidebar-pane .parent::before,
- body ::shadow .sidebar-pane-stack .sidebar-pane-title::before,
- body ::shadow .timeline-expandable-collapsed .timeline-expandable-arrow,
- body ::shadow ::shadow #search-results-pane-file-based .parent::before {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-mask-position: -4px -96px !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-transform: rotate(0deg);
- }
- body ::shadow .data-grid th.sort-ascending > div::after {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-mask-position: -4px -96px !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -4px -108px !important;
- }
- body ::shadow .data-grid th.sort-descending > div::after {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-mask-position: -4px -96px !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -20px -96px !important;
- }
- body ::shadow #search-results-pane-file-based .parent.expanded::before,
- body ::shadow ::shadow #search-results-pane-file-based .parent.expanded::before {
- -webkit-mask-position: -20px -96px !important;
- }
- body ::shadow #search-results-pane-file-based .parent.expanded::before,
- body ::shadow ::shadow #search-results-pane-file-based .parent.expanded::before {
- -webkit-mask-position: -20px -93px !important;
- }
- body ::shadow #search-results-pane-file-based .parent::before,
- body ::shadow ::shadow #search-results-pane-file-based .parent::before {
- -webkit-mask-position: -4px -93px !important;
- }
- body ::shadow .panel.network .outline-disclosure li.parent::before {
- top: 3px !important;
- }
- body ::shadow .sidebar-tabbed-pane .section > .header::before,
- body ::shadow .event-bars .event-bar .header::before {
- margin-top: 3px !important;
- }
- body ::shadow .status-bar-select-arrow {
- background-color: #8c8c8c !important;
- background-image: none !important;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- -webkit-mask-position: -4px -96px !important;
- -webkit-mask-repeat: no-repeat !important;
- -webkit-transition: -webkit-transform 0.1s ease-in-out;
- -webkit-mask-position: -20px -96px !important;
- }
- body /deep/ .highlighted-search-result {
- color: #000000 !important;
- border-radius: 2px !important;
- font-size: 1em !important;
- background-color: #80cbc4 !important;
- box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
- }
- .timeline-aggregated-category + span {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- .glyph {
- background-color: rgba(140, 140, 140, 0.7) !important;
- }
- ::shadow .crumbs {
- text-shadow: none !important;
- color: #b1bdc4 !important;
- }
- ::shadow .crumbs .crumb {
- -webkit-border-image: none !important;
- border-left: 1px solid #2e3c43 !important;
- border-right: 1px solid #282e35 !important;
- padding: 0 10px !important;
- margin: 0 !important;
- line-height: 18px !important;
- }
- ::shadow .crumbs .crumb:hover {
- color: #f8f8f8 !important;
- background-color: #b1bdc4 !important;
- }
- ::shadow .crumbs .crumb.selected {
- background-color: #3e4c58 !important;
- text-shadow: none !important;
- color: #f8f8f8 !important;
- cursor: default;
- }
- .image-view .title {
- color: #b1bdc4 !important;
- }
- .image-view .infoList dt {
- color: #626262 !important;
- margin-bottom: 5px !important;
- }
- .image-view .infoList dd {
- color: #b1bdc4 !important;
- margin-bottom: 5px !important;
- }
- .image-view dd > a.undefined {
- color: #c792ea !important;
- }
- .timeline-details-view-body {
- background-color: #222 !important;
- }
- .timeline-details-view-row {
- border-bottom: 1px solid #2e3c43 !important;
- }
- .timeline-details-view-row-value {
- border-left: 1px solid #2e3c43 !important;
- color: #b1bdc4 !important;
- }
- .timeline-details-view-row-title {
- color: #626262 !important;
- }
- .timeline-aggregated-info-legend > div,
- .memory-counter-sidebar-info {
- color: #b1bdc4 !important;
- }
- ::shadow .flame-chart-selected-element {
- border-color: #3e4c58 !important;
- background-color: rgba(54, 76, 59, 0.6) !important;
- }
- .layer-tree.outline-disclosure li,
- .profiler-log-view li {
- color: #b1bdc4 !important;
- }
- .timeline-layers-view-properties table tr td:nth-child(1) {
- color: #626262 !important;
- }
- .timeline-layers-view-properties table tr td:nth-child(2) {
- color: #b1bdc4 !important;
- }
- .timeline-layers-view-properties td {
- border: 1px solid #2e3c43 !important;
- }
- ::shadow .spectrum-display-value,
- ::shadow .spectrum-range-container {
- color: #b1bdc4 !important;
- }
- .toolbar > .status-bar {
- background-color: transparent !important;
- height: inherit !important;
- padding-top: 6px !important;
- border-bottom: 1px solid #2e3c43 !important;
- box-shadow: inset 0 1px 0 #626262 !important;
- }
- .filter-bar.hbox {
- padding: 2px 0;
- }
- ::shadow .toolbar-search-control {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- ::shadow .toolbar-search-control:disabled,
- ::shadow ::shadow .toolbar-search-control:disabled {
- opacity: .3 !important;
- }
- ::shadow .toolbar-search-control:focus,
- ::shadow ::shadow .toolbar-search-control:focus {
- outline-color: none !important;
- }
- ::shadow #search-results-pane-file-based .search-match:hover,
- ::shadow ::shadow #search-results-pane-file-based .search-match:hover {
- box-shadow: inset 0 1px 0 #282e35, inset 0 -1px 0 #282e35 !important;
- background-color: #2e3c43;
- color: #b1bdc4;
- }
- html /deep/ .component-root {
- color: #b1bdc4 !important;
- }
- .filter-input-field {
- background-color: #282e35 !important;
- border-color: #2e3c43 !important;
- color: #e6e6e6 !important;
- }
- .filter-input-field:disabled {
- opacity: .3 !important !important;
- }
- .filter-input-field:focus {
- outline-color: none !important !important;
- }
- ::shadow select.status-bar-item,
- ::shadow .toolbar::shadow select.toolbar-item {
- margin-right: -15px !important;
- }
- ::shadow select.status-bar-item /deep/ option,
- ::shadow .toolbar::shadow select.toolbar-item /deep/ option {
- background-color: #222 !important;
- }
- #glass-pane .status-bar.fill {
- background-image: none !important;
- background-color: transparent !important;
- }
- ::shadow .status-bar-shadow.floating {
- background-color: #282e35 !important;
- border: none !important;
- }
- ::shadow .status-bar-shadow.floating .status-bar-item {
- border: 1px solid #263238 !important;
- }
- #memory-graphs-container > div:last-child {
- background: #111 !important;
- }
- .timeline-layers-view > div:last-child,
- .timeline-layers-view-properties > div:last-child {
- background-color: #222 !important;
- }
- body.undocked.platform-mac.inactive .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
- body.undocked.platform-mac .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
- body.platform-mac.inactive .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
- body.platform-mac .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header,
- body .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
- background: #111 !important;
- }
- ::shadow .tabbed-pane-header {
- background: #111 !important;
- }
- ::shadow .tabbed-pane-header-contents {
- color: #999999 !important;
- }
- .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header {
- flex: 0 0 34px !important;
- }
- .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-tabs-drop-down-container {
- padding-top: 6px !important;
- }
- .inspector-view-tabbed-pane.tabbed-pane::shadow .tabbed-pane-header-contents .tabbed-pane-header-tab {
- height: 34px !important;
- line-height: 25.5px !important;
- }
- ::shadow .tabbed-pane-header-tabs-drop-down-container {
- color: #999999 !important;
- }
- .tabbed-pane::shadow .tabbed-pane-header {
- border-bottom: 1px solid #263238 !important;
- border: none;
- }
- .tabbed-pane::shadow .tabbed-pane-header-tab {
- border-color: transparent !important;
- border-image: none !important;
- border-left: none !important;
- border-right: none !important;
- border-top: 2px solid #b1bdc4 !important;
- cursor: pointer !important;
- margin: 0 !important;
- margin-bottom: 1px !important;
- margin-top: 0 !important;
- padding: 2px 4px !important;
- width: auto !important;
- color: #b1bdc4 !important;
- }
- .tabbed-pane::shadow .tabbed-pane-header-tab:hover {
- color: #f8f8f8 !important;
- }
- .tabbed-pane::shadow .tabbed-pane-header-tab.selected {
- background: none !important;
- border-top: 2px solid #80cbc4 !important;
- color: #f8f8f8 !important;
- font-size: 1em;
- }
- ::shadow .tabbed-pane-content {
- background-color: #222 !important;
- }
- ::shadow .search-drawer-header label.search-config-label {
- color: #b1bdc4 !important;
- }
- .panel .status-bar::shadow .status-bar-shadow {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- box-shadow: none !important;
- border-bottom: none !important;
- }
- .tabbed-pane-header-before::shadow .status-bar-shadow,
- .tabbed-pane-header-after::shadow .status-bar-shadow {
- height: 34px !important;
- }
- ::shadow .shadow-split-view.vbox > .shadow-split-view-sidebar:not(.maximized) {
- border-top: none !important;
- }
- .device-name {
- color: #626262 !important;
- }
- .device-serial {
- color: #b1bdc4 !important;
- }
- .overrides-splash-screen .status-bar {
- background-color: #222 !important;
- background-image: none !important;
- }
- .overrides-view {
- padding-top: 0 !important;
- }
- .overrides-view ::shadow .tabbed-pane-content {
- padding: 10px;
- }
- .network-details-view-tall-header .network-item-view::shadow .tabbed-pane-header {
- padding-top: 0 !important;
- }
- .network-details-view-tall-header .network-item-view::shadow .tabbed-pane-header-tab {
- height: 31px !important;
- padding-top: 5px !important;
- }
- .network .request-headers-view .parent {
- margin-top: 1px !important;
- }
- ::shadow .suggest-box {
- color: #000 !important;
- background-color: #222 !important;
- border: 2px rgba(0, 0, 0, 0.2) solid !important;
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
- }
- ::shadow .suggest-box-content-item.source-code:hover {
- background-color: #282e35 !important;
- border: 1px solid #b1bdc4 !important;
- }
- ::shadow .suggest-box-content-item.source-code.selected {
- background-color: #282e35 !important;
- }
- ::shadow .suggest-box .source-code .prefix {
- color: #80cbc4 !important;
- }
- ::shadow .suggest-box .source-code .suffix {
- color: #d9d9d9 !important;
- }
- ::shadow .vertical-tab-layout .tabbed-pane-header-tab {
- padding-left: 20px !important;
- border-top: none !important;
- color: #b1bdc4 !important;
- }
- ::shadow .vertical-tab-layout .tabbed-pane-header-tab.selected {
- border-top: none !important;
- border-left: 7px solid #80cbc4 !important;
- padding-left: 13px !important;
- }
- .help-window-main ::shadow .tabbed-pane-header {
- background-image: none !important;
- box-shadow: none !important;
- }
- .help-window-main ::shadow .tabbed-pane-header-contents {
- box-shadow: none !important;
- }
- ::shadow style + .text-prompt-editing {
- background-color: #222 !important;
- outline: 1px solid #80cbc4 !important;
- }
- ::shadow .text-prompt-editing > ::content * {
- color: #80cbc4 !important;
- }
- .callstack-info.status {
- border-top: none !important;
- }
- #devices-tab-content .devices-list {
- border: 1px solid #2e3c43 !important;
- }
- #devices-tab-content .devices-title {
- color: #80cbc4 !important;
- }
- #devices-tab-content .devices-list-item {
- color: #b1bdc4;
- }
- #devices-tab-content .devices-list-item:hover {
- background: #282e35 !important;
- border-top: 1px solid #282e35 !important;
- border-bottom: 1px solid #282e35 !important;
- }
- #devices-tab-content .devices-list-item .devices-list-title {
- opacity: 0.2 !important;
- }
- #devices-tab-content .devices-list-item.device-list-item-show .devices-list-title {
- color: #b1bdc4 !important;
- opacity: 1 !important;
- }
- #devices-tab-content .devices-edit-container {
- background: #282e35 !important;
- }
- #devices-tab-content .devices-custom-separator {
- border-top: 1px solid #151515 !important;
- border-bottom: 1px solid #2e3c43 !important;
- }
- #devices-tab-content .devices-list-edit,
- #devices-tab-content .devices-list-remove {
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png) !important;
- background-color: #80cbc4 !important;
- background-image: none !important;
- }
- #devices-tab-content .devices-list-edit {
- -webkit-mask-position: -224px -72px;
- }
- #devices-tab-content .devices-list-remove {
- -webkit-mask-position: -128px -24px;
- }
- .events-pane > ol > li.parent {
- margin: 0 !important;
- padding-bottom: 2px !important;
- }
- .events-pane > ol > ol > li {
- border-top: none !important;
- }
- .events-pane .sidebar-pane .section.expanded > .header,
- .events-pane .children .section.event-bar {
- border-bottom: none !important;
- }
- body .sidebar-pane .parent:not(.event-category) + .children.expanded {
- border-left: none !important;
- }
- .hidden-callframes-message {
- background: #2e3c43;
- text-align: center;
- }
- .hidden-callframes-message .link {
- color: #c792ea !important;
- }
- .styles-section-title .media-list.media-matches .media.editable-media,
- .styles-section-title .media-list {
- color: #8c8c8c !important;
- }
- .styles-section-title .media-list.media-matches .media.editable-media.media-matches .media.editable-media .media-text,
- .styles-section-title .media-list.media-matches .media.editable-media .media-text {
- color: #b1bdc4 !important;
- }
- .styles-section .header .title .media-list.media-matches .media.editable-media {
- color: #b1bdc4 !important;
- }
- .watch-expressions {
- margin-top: 0 !important;
- }
- .watch-expressions .name {
- color: #77a8c6 !important;
- }
- .watch-expression .primitive-value:hover,
- .watch-expression .section .header:hover {
- background-color: #282e35 !important;
- box-shadow: inset 0 1px 0 0 #282e35, inset 0 -1px 0 0 #282e35;
- }
- .error-message {
- color: #ff5a5a !important;
- }
- .settings-experiment-hidden label {
- background-color: #222 !important;
- }
- .settings-experiment-hidden label .dt-checkbox-text {
- color: #80cbc4 !important;
- }
- .event-listener-tree > li {
- border-top: none !important;
- }
- .event-listener-tree .name {
- color: #77a8c6 !important;
- }
- #network-overview-container {
- border-bottom: none !important;
- }
- .network-overview-canvas-container {
- background-color: #222 !important;
- }
- /* ==========================================================================
- Find
- ========================================================================== */
- .styles-section .style-properties li.filter-match,
- .styles-section .simple-selector.filter-match {
- background-color: #3e4c58 !important;
- box-shadow: 0 0 0 1px #2e3c43 !important;
- border-radius: 2px;
- }
- /* ==========================================================================
- Sources
- ========================================================================== */
- .text-editor-value-decoration {
- background-color: #282e35 !important;
- color: #b1bdc4 !important;
- padding: 0 5px;
- border-radius: 2px !important;
- box-shadow: 0 1px 0 0 #2e3c43 !important;
- border-top: 1px solid #1c1c1c !important;
- }
- .source-frame-infobar::shadow .infobar-warning {
- color: #ddbb00;
- border-bottom: 1px solid #2e3c43 !important;
- background-color: #2e3c43 !important;
- }
- .source-frame-infobar::shadow .source-frame-infobar-toggle-link {
- color: #80cbc4 !important;
- }
- .cm-execution-line-tail {
- background-color: #212e24 !important;
- border-radius: 2px !important;
- }
- /* ==========================================================================
- Popovers
- ========================================================================== */
- .popover {
- min-height: 0 !important;
- }
- /* ==========================================================================
- Sources (watch)
- ========================================================================== */
- .watch-expression-header:hover {
- background-color: #282e35 !important;
- }
- /* ==========================================================================
- Elements - Accessibility
- ========================================================================== */
- div.ax-computed-name {
- border-bottom: 1px solid #2e3c43 !important;
- }
- ::shadow .ax-name {
- color: #77a8c6 !important;
- }
- ::shadow .ax-role {
- color: #b1bdc4 !important;
- }
- /* ==========================================================================
- Toolbar
- ========================================================================== */
- body .inspector-view-toolbar.toolbar::shadow .toolbar-button-theme {
- background-color: #b1bdc4 !important;
- }
- .inspector-view-toolbar-left,
- .inspector-view-toolbar.tabbed-pane-header-after {
- margin-top: 7px !important;
- }
- .console-view .toolbar,
- .network .toolbar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- }
- ::shadow .toolbar-item > .glyph,
- ::shadow .toolbar-item > .glyph:active,
- ::shadow .filter-toolbar-item.toggled-shown .glyph,
- ::shadow button.toolbar-item.toggled-on .glyph {
- background-color: #80cbc4 !important;
- }
- ::shadow .toolbar-item > .glyph,
- ::shadow button.toolbar-item.toggled-off .glyph {
- background-color: #b1bdc4 !important;
- }
- ::shadow .toolbar-counter-item {
- color: #b1bdc4 !important;
- }
- /* ==========================================================================
- Status Bars
- ========================================================================== */
- #sources-panel-sources-view .sources-toolbar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- border-top: none !important;
- color: #b1bdc4 !important;
- }
- .toolbar::shadow .toolbar-select-arrow {
- position: relative !important;
- right: 5px !important;
- }
- .resources-toolbar,
- ::shadow .search-toolbar-summary {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #b1bdc4 !important;
- border-top: none !important;
- }
- .profiles-toolbar {
- background: #111 !important;
- border-top: 1px solid #2e3c43 !important;
- color: #b1bdc4 !important;
- border-bottom: none !important;
- }
- /* ==========================================================================
- Toolbars
- ========================================================================== */
- ::shadow .shadow-split-widget.hbox > .shadow-split-widget-sidebar:not(.maximized) {
- border-left: 2px solid #2e3c43 !important;
- }
- ::shadow .shadow-split-widget.hbox.shadow-split-widget-first-is-sidebar > .shadow-split-widget-sidebar:not(.maximized) {
- border-right: 2px solid #2e3c43 !important;
- }
- /* ==========================================================================
- Elements Sidebar
- ========================================================================== */
- .styles-animations-controls-pane.expanded {
- border-bottom: 1px solid #2e3c43 !important;
- background: #313131 !important;
- }
- .styles-animations-controls-pane > * {
- margin: 3px 4px !important;
- }
- /* ==========================================================================
- Toolbars
- ========================================================================== */
- .dt-checkbox-text,
- ::shadow .dt-checkbox-text,
- ::content .dt-checkbox-text {
- color: #b1bdc4 !important;
- }
- ::shadow .shadow-split-widget button.sidebar-show-hide-button {
- background-color: #b1bdc4 !important;
- }
- /* ==========================================================================
- Console
- ========================================================================== */
- ::shadow .shadow-split-widget.vbox > .shadow-split-widget-sidebar:not(.maximized) {
- border-top: none !important;
- }
- .overrides-view label,
- .overrides-view fieldset > span,
- #metrics-override-section span,
- #metrics-override-section td,
- #geolocation-override-section td {
- color: #626262 !important;
- }
- ::shadow .object-properties-section-name,
- .console-view-object-properties-section span {
- color: #546e7a !important;
- }
- .tabbed-pane::shadow .tabbed-pane-header-tab {
- background: #37474f !important;
- background-color: #37474f !important;
- }
- .request-headers-view .outline-disclosure li.parent.expanded::before
- .data-grid .header-container {
- -webkit-mask-position: -4px -98px !important;
- }
- ::shadow > .toolbar-shadow .toolbar-button.hover .toolbar-glyph {
- background-color: hsl(218, 81%, 59%) !important;
- }
- .filter-bar {
- background-color: #37474f !important;
- }
- .request-headers-view .outline-disclosure li.parent.expanded::before {
- -webkit-mask-position: -4px -98px !important;
- }
- ::shadow > .tree-outline-disclosure .tree-outline li.navigator-folder-tree-item .tree-element-title {
- color: #b1bdc4 !important;
- }
- .scope-chain-sidebar-pane-section-title {
- color: #546e7a !important;
- }
- ::shadow .odd-row {
- background-color: #3e4c58 !important;
- }
- ::shadow .tree-element-title {
- color: #f8f8f8 !important;
- }
- ::shadow .tree-outline li.selected .selection {
- background-color: #546e7a !important;
- }
- ::shadow ol.tree-outline:focus li.selected .selection {
- background-color: hsl(218, 81%, 59%) !important;
- }
- ::shadow .cm-line-without-source-mapping {
- background-color: #222 !important;
- }
- ::shadow .CodeMirror pre {
- background-color: #222 !important;
- }
- .network-status-pane {
- background-color: #2e3c43 !important;
- }
- .resources-dividers-label-bar {
- background-color: #3e4c58 !important;
- }
- * {
- color: #b1bdc4 !important;
- }
- span.being-edited {
- color: #cdd3de !important;
- }
|