THanks ik had ergens online een style gevonden die dan de oude code styling geeft.
Weet alleen niet meer waar. kan het ook niet meer vinden.
[size=xsmall]
Toevoeging op 03/11/2022 13:46:45:[/size]
Open dreamweaver
Klik CTRL + U
Ga naar interface
Klik + maak een nieuwe stijl
Kik op bewerken,
Plak alles wat je in dit bestand ziet daarin sluit het en kijk wat je ervan denkt !!
// Dreamweaver CC 2018 (2017) Old School Light Theme (v1.0)
// by Marcel Sásik (netoper)
//
// definition for colors
@black: #000000;
@very-dark-gray: #2c3e50;
@dark-gray: #34495e;
@gray: #7f8c8d;
@light-gray: #95a5a6;
@very-light-gray: #bdc3c7;
@almost-white: #ecf0f1;
@white: #ffffff;
@orange: #fd9727;
@yellow: #fee94e;
@panel: #f0f0f0;
// doctype, html, head, title, body, h1, h2, h3, h4, h5, h6, p, br, hr
@basic-html: #996;
// acronym, abbr, address, b, bdi, bdo, big, blockquote, center, cite, del, dfn, em, font, i, ins, kbd, mark, meter, pre, progress, q, rp, rt, ruby, s, samp, small, strike, strong, sub, sup, time, tt, u, var, wbr
//@formatting: #000;
// form, input, textarea, button, select, optgroup, option, label, fieldset, legend, datalist, output
@forms-input: #f90;
// frame, frameset, noframes, iframe
@frames: #009;
// img, map, area, canvas, figcaption, figure, picture
@images: #c09;
// audio, source, track, video
@audio-video: #39f;
// a, link, nav
@links: #090;
// ul, ol, li, dir, dl, dt, dd, menu, menuitem
@lists: #c60;
// table, caption, th, tr, td, thead, tbody, tfoot, col, colgroup
@tables: #099;
// style, div, span, header, footer, main, section, article, aside, details, dialog, summary, data
@styles-semantics: #009;
// head, meta, base, basefont
//@meta-info: #000;
// script, noscript, applet, embed, object, param
@programming: #900;
// main editor colors
.CodeMirror-scroll
{
background-color: @white;
}
// font settings
.CodeMirror-scroll
{
font-family: Consolas, Source Code Pro, Courier New;
font-size: 14px;
line-height: 1.5;
//text-shadow: 0px 0px; // render font little bit bold (more distinct colors)
}
// global style definitions
*[class^='cm-']
{
color: #000 !important;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
// indent guide settings
.CodeMirror {}
.CodeMirror-sizer {}
.CodeMirror-code {}
.CodeMirror pre
{
overflow: hidden;
}
.cm-tab
{
position: relative;
}
.cm-tab:after
{
content: '';
position: absolute;
border-left: 1px dotted @very-light-gray;
top: 0px;
left: 3px;
width: 0px;
height: 100vh;
}
// other setting for editor like cursor, search, line nubers, matching brackets etc..
.CodeMirror-matchingbracket
{
background-color: #b1cae6;
padding-top: 4px;
padding-bottom: 4px;
}
/*
.CodeMirror-cursor
{
visibility: visible;
border-left: 1px solid #555 !important;
animation: blinker 960ms linear infinite;
}
@keyframes blinker
{
50% { opacity: 0; }
}
*/
.CodeMirror-cursor
{
border: 1px solid #000 !important;
box-sizing: border-box;
}
.CodeMirror-searching
{
background-color: @yellow;
color: @dark-gray !important;
padding-top: 3px;
padding-bottom: 3px;
&.searching-current-match
{
background-color: @orange;
color: @dark-gray !important;
}
}
.CodeMirror-gutters
{
background-color: @panel;
border-right: solid 1px #ccc;
box-shadow: 0px 0px 2px #bbb;
}
.CodeMirror-gutter-elt
{
font-size: 85%;
padding-top: 2px;
margin-left: -15px;
background-color: @panel;
}
.CodeMirror-lines
{
margin-left: 15px;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber
{
color: @very-light-gray;
}
.CodeMirror-linenumber:hover
{
color: @dark-gray;
}
.CodeMirror-foldgutter-open:after
{
color: @very-light-gray;
top: 0px;
left: 2px;
position: relative;
font-size: 8px;
}
.CodeMirror-foldgutter-folded:after
{
color: @dark-gray;
top: -1px;
left: 2px;
position: relative;
font-size: 7px;
}
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar
{
background-color: @panel;
opacity: 1;
}
.CodeMirror-vscrollbar:hover, .CodeMirror-hscrollbar:hover
{
opacity: 1;
}
.CodeMirror-foldmarker
{
color: @very-light-gray;
background-color: @panel;
padding: 3px;
border-radius: 0px;
box-shadow: none;
}
.CodeMirror-matchingtag
{
background: @panel;
padding-top: 3px;
padding-bottom: 3px;
}
.CodeMirror .CodeMirror-selected
{
background: #b1cae6;
position: relative;
z-index: 0;
}
.image-view, .not-editor
{
background-color: @white;
}
.view-pane .image-view
{
color: @gray;
}
/* hide (transparent) or show match tags */
.CodeMirror-matchingtag
{
background-color: transparent !important;
}
/* hide (transparent) or show active editor line */
.CodeMirror-activeline-background
{
background-color: transparent !important;
}
.CodeMirror-linebackground
{
left: -10px;
right: 5px;
}
/* brackets-ColorTheTagName */
.cm-tag
{
// make tags little bit bolder
//text-shadow: 0px 0px;
}
.cm-tag, .cm-attribute
{
color: #009 !important;
&.cm-jzmstrjp-tag
{
&-STYLE, &-DIV, &-SPAN, &-HEADER, &-FOOTER, &-MAIN, &-SECTION, &-ARTICLE, &-ASIDE, &-DETAILS, &-DIALOG, &-SUMMARY, &-DATA
{
color: @styles-semantics !important;
}
/*&-DOCTYPE, &-HTML, &-HEAD, &-TITLE, &-BODY, */&-H1, &-H2, &-H3, &-H4, &-H5, &-H6, &-P, &-BR, &-HR
{
color: @basic-html !important;
}
&-IMG, &-MAP, &-AREA, &-CANVAS, &-FIGCAPTION, &-FIGURE, &-PICTURE
{
color: @images !important;
}
&-TABLE, &-CAPTION, &-TH, &-TR, &-TD, &-THEAD, &-TBODY, &-TFOOT, &-COL, &-COLGROUP
{
color: @tables !important;
}
&-FORM, &-INPUT, &-TEXTAREA, &-BUTTON, &-SELECT, &-OPTGROUP, &-OPTION, &-LABEL, &-FIELDSET, &-LEGEND, &-DATALIST, &-OUTPUT
{
color: @forms-input !important;
}
&-SCRIPT, &-NOSCRIPT, &-APPLET, &-EMBED, &-OBJECT, &-PARAM
{
color: @programming !important;
}
&-A, &-LINK, &-NAV
{
color: @links !important;
}
&-UL, &-OL, &-LI, &-DIR, &-DL, &-DT
{
color: @lists !important;
}
&-FRAME, &-FRAMESET, &-NOFRAMES, &-IFRAME
{
color: @frames !important;
}
&-AUDIO, &-SOURCE, &-TRACK, &-VIDEO
{
color: @audio-video !important;
}
}
}
.cm-m-clike
{
&.cm-comment
{
color: #f90 !important;
}
&.cm-string
{
color: #c00 !important;
}
&.cm-variable-2
{
color: #06f !important;
}
&.cm-keyword
{
color: #090 !important;
}
&.cm-builtin
{
color: #00c !important;
}
&.cm-atom
{
color: #090 !important;
//text-shadow: 0px 0px;
}
}
.cm-m-css
{
//color: #f0f !important;
&.cm-def
{
color: #099 !important;
}
&.cm-keyword
{
color: #f00 !important;
}
&.cm-tag, &.cm-qualifier, &.cm-builtin, &.cm-variable-3
{
color: #f0f !important;
}
&.cm-string
{
color: #090 !important;
}
&.cm-number, &.cm-atom, &.cm-variable
{
color: #00f !important;
}
&.cm-property
{
color: #009 !important;
}
&.cm-variable-2
{
color: #903 !important;
}
}
.cm-m-javascript
{
&.cm-property
{
color: #009 !important;
}
&.cm-variable {}
&.cm-def, &.cm-variable-2, &.cm-string
{
color: #00f !important;
}
&.cm-atom, &.cm-string-2, &.cm-keyword
{
color: #090 !important;
}
}
.cm-m-xml {}
// global
.cm-comment
{
color: #999 !important;
//font-style: italic;
}
.cm-number
{
color: #f00 !important;
}
.cm-meta
{
color: #f00 !important;
text-shadow: 0px 0px;
}
.cm-string
{
color: #00f !important;
}
