! Factor UI theme colors
+243 242 234 FactorLightLightTan
227 226 219 FactorLightTan
172 167 147 FactorDarkTan
81 91 105 FactorLightSlateBlue
: $navigation-row ( content element label -- )
[ prefix 1array ] dip prefix , ;
+: ($navigation-table) ( element -- )
+ help-path-style get table-style set [ $table ] with-scope ;
+
: $navigation-table ( topic -- )
[
- [ help-path [ \ $links "Up:" $navigation-row ] unless-empty ]
[ prev-article [ 1array \ $long-link "Prev:" $navigation-row ] when* ]
[ next-article [ 1array \ $long-link "Next:" $navigation-row ] when* ]
- tri
- ] { } make [ $table ] unless-empty ;
+ bi
+ ] { } make [ ($navigation-table) ] unless-empty ;
+
+: ($navigation) ( topic -- )
+ help-path-style get [
+ [ help-path [ reverse $breadcrumbs ] unless-empty ]
+ [ $navigation-table ] bi
+ ] with-style ;
: $title ( topic -- )
title-style get [
title-style get [
- [ ($title) ]
- [ help-path-style get [ $navigation-table ] with-style ] bi
+ [ ($title) ] [ ($navigation) ] bi
] with-nesting
] with-style nl ;
-a:link { text-decoration: none; color: #00004c; }
-a:visited { text-decoration: none; color: #00004c; }
-a:active { text-decoration: none; color: #00004c; }
-a:hover { text-decoration: underline; color: #00004c; }
+a:link { text-decoration: none; color: #104e8b; }
+a:visited { text-decoration: none; color: #104e8b; }
+a:active { text-decoration: none; color: #104e8b; }
+a:hover { text-decoration: underline; color: #104e8b; }
"Vocabulary" $heading nl dup ($vocab-link)
] when* ;
+: (textual-list) ( seq quot sep -- )
+ '[ _ print-element ] swap interleave ; inline
+
: textual-list ( seq quot -- )
- [ ", " print-element ] swap interleave ; inline
+ ", " (textual-list) ; inline
: $links ( topics -- )
[ [ ($link) ] textual-list ] ($span) ;
: $vocab-links ( vocabs -- )
[ vocab ] map $links ;
+: $breadcrumbs ( topics -- )
+ [ [ ($link) ] " > " (textual-list) ] ($span) ;
+
: $see-also ( topics -- )
"See also" $heading $links ;
! Copyright (C) 2005, 2009 Slava Pestov.
! See http://factorcode.org/license.txt for BSD license.
-USING: io.styles namespaces colors colors.constants ;
+USING: colors colors.constants io.styles literals namespaces ;
IN: help.stylesheet
SYMBOL: default-span-style
SYMBOL: title-style
H{
{ font-name "sans-serif" }
- { font-size 18 }
+ { font-size 20 }
{ font-style bold }
{ wrap-margin 500 }
- { foreground COLOR: FactorDarkSlateBlue }
- { page-color COLOR: FactorLightTan }
- { border-width 5 }
+ { foreground COLOR: gray20 }
+ { page-color COLOR: FactorLightLightTan }
+ { inset { 5 5 } }
} title-style set-global
SYMBOL: help-path-style
-H{ { font-size 10 } } help-path-style set-global
+H{
+ { font-size 10 }
+ { table-gap { 5 5 } }
+ { table-border $ transparent }
+} help-path-style set-global
SYMBOL: heading-style
H{
{ font-name "sans-serif" }
{ font-size 16 }
{ font-style bold }
+ { foreground COLOR: FactorDarkSlateBlue }
} heading-style set-global
SYMBOL: subsection-style
SYMBOL: code-style
H{
- { page-color COLOR: FactorLightTan }
- { border-width 5 }
+ { page-color COLOR: FactorLightLightTan }
+ { inset { 5 5 } }
{ wrap-margin f }
} code-style set-global
H{
{ page-color COLOR: gray90 }
{ border-color COLOR: red }
- { border-width 5 }
+ { inset { 5 5 } }
{ wrap-margin 500 }
} warning-style set-global
H{
{ page-color COLOR: gray90 }
{ border-color COLOR: red }
- { border-width 5 }
+ { inset { 5 5 } }
{ wrap-margin 500 }
} deprecated-style set-global
H{
{ page-color COLOR: lavender }
- { border-width 5 }
+ { inset { 5 5 } }
{ wrap-margin 500 }
} tip-of-the-day-style set-global
: border-css, ( border -- )
"border: 1px solid #" % hex-color, "; " % ;
-: padding-css, ( padding -- ) "padding: " % # "px; " % ;
+: padding-css, ( padding -- )
+ first2 "padding: " % # "px " % # "px; " % ;
CONSTANT: pre-css "white-space: pre; font-family: monospace;"
{
{ page-color bg-css, }
{ border-color border-css, }
- { border-width padding-css, }
+ { inset padding-css, }
} make-css
] [
wrap-margin swap at
"Paragraph styles for " { $link with-nesting } ":"
{ $subsection page-color }
{ $subsection border-color }
-{ $subsection border-width }
+{ $subsection inset }
{ $subsection wrap-margin }
{ $subsection presented } ;
{ $code "H{ { border-color T{ rgba f 1 0 0 1 } } }\n[ \"A border\" write ] with-nesting nl" }
} ;
-HELP: border-width
-{ $description "Paragraph style. Pixels between edge of text and border, an integer." }
+HELP: inset
+{ $description "Paragraph style. A pair of integers representing the number of pixels that the content should be inset from the border. The first number is the horizontal inset, and the second is the vertical inset." }
{ $examples
- { $code "H{ { border-width 10 } }\n[ \"Some inset text\" write ] with-nesting nl" }
+ { $code "H{ { inset { 10 10 } } }\n[ \"Some inset text\" write ] with-nesting nl" }
} ;
HELP: wrap-margin
! Paragraph styles
SYMBOL: page-color
SYMBOL: border-color
-SYMBOL: border-width
+SYMBOL: inset
SYMBOL: wrap-margin
! Table styles
--- /dev/null
+! Copyright (C) 2009 Your name.
+! See http://factorcode.org/license.txt for BSD license.
+USING: help.markup help.syntax kernel words ;
+IN: prettyprint.stylesheet
+
+HELP: effect-style
+{ $values
+ { "effect" "an effect" }
+ { "style" "a style assoc" }
+}
+{ $description "The styling hook for stack effects" } ;
+
+HELP: string-style
+{ $values
+ { "str" "a string" }
+ { "style" "a style assoc" }
+}
+{ $description "The styling hook for string literals" } ;
+
+HELP: vocab-style
+{ $values
+ { "vocab" "a vocabulary specifier" }
+ { "style" "a style assoc" }
+}
+{ $description "The styling hook for vocab names" } ;
+
+HELP: word-style
+{ $values
+ { "word" "a word" }
+ { "style" "a style assoc" }
+}
+{ $description "The styling hook for word names" } ;
+
+ARTICLE: "prettyprint.stylesheet" "Prettyprinter Formatted Output"
+{ $vocab-link "prettyprint.stylesheet" }
+$nl
+"Control the way that the prettyprinter formats output based on object type. These hooks form a basic \"syntax\" highlighting system."
+{ $subsection word-style }
+{ $subsection string-style }
+{ $subsection vocab-style }
+{ $subsection effect-style }
+;
+
+ABOUT: "prettyprint.stylesheet"
-! Copyright (C) 2009 Your name.
+! Copyright (C) 2009 Keith Lazuka.
! See http://factorcode.org/license.txt for BSD license.
-USING: colors.constants hashtables io.styles kernel namespaces
-words words.symbol ;
+USING: assocs colors.constants combinators
+combinators.short-circuit hashtables io.styles kernel literals
+namespaces sequences words words.symbol ;
IN: prettyprint.stylesheet
-: word-style ( word -- style )
- dup "word-style" word-prop >hashtable [
- [
- [ presented set ] [
- [ parsing-word? ] [ delimiter? ] [ symbol? ] tri
- or or [ COLOR: DarkSlateGray ] [ COLOR: black ] if
- foreground set
- ] bi
- ] bind
- ] keep ;
-
-: string-style ( obj -- style )
- [
- presented set
- COLOR: LightSalmon4 foreground set
- ] H{ } make-assoc ;
+<PRIVATE
+
+CONSTANT: dim-color COLOR: gray35
+
+{ POSTPONE: USING: POSTPONE: USE: POSTPONE: IN: }
+[
+ { { foreground $ dim-color } }
+ "word-style" set-word-prop
+] each
+
+PREDICATE: highlighted-word < word [ parsing-word? ] [ delimiter? ] bi or ;
+
+PRIVATE>
+
+GENERIC: word-style ( word -- style )
+
+M: word word-style
+ [ presented associate ]
+ [ "word-style" word-prop >hashtable ] bi assoc-union ;
+
+M: highlighted-word word-style
+ call-next-method COLOR: DarkSlateGray foreground associate
+ swap assoc-union ;
+
+<PRIVATE
+
+: colored-presentation-style ( obj color -- style )
+ [ presented associate ] [ foreground associate ] bi* assoc-union ;
+
+PRIVATE>
+
+: string-style ( str -- style )
+ COLOR: LightSalmon4 colored-presentation-style ;
: vocab-style ( vocab -- style )
- [
- presented set
- COLOR: cornsilk4 foreground set
- ] H{ } make-assoc ;
+ dim-color colored-presentation-style ;
: effect-style ( effect -- style )
- [
- presented set
- COLOR: DarkGreen foreground set
- ] H{ } make-assoc ;
\ No newline at end of file
+ COLOR: DarkGreen colored-presentation-style ;
--- /dev/null
+prettyprinter syntax highlighting and formatted output
: apply-page-color-style ( style gadget -- style gadget )
page-color [ <solid> >>interior ] apply-style ;
-: apply-border-width-style ( style gadget -- style gadget )
- border-width [ dup 2array <border> ] apply-style ;
+: apply-inset-style ( style gadget -- style gadget )
+ inset [ <border> ] apply-style ;
: style-pane ( style pane -- pane )
- apply-border-width-style
+ apply-inset-style
apply-border-color-style
apply-page-color-style
apply-presentation-style
io.styles kernel make math.order namespaces parser
prettyprint.backend prettyprint.sections prettyprint.stylesheet
sequences sets sorting vocabs vocabs.parser ;
+FROM: io.styles => inset ;
IN: vocabs.prettyprint
: pprint-vocab ( vocab -- )
"To avoid doing this in the future, add the following forms" print
"at the top of the source file:" print nl
] with-style
- { { page-color COLOR: FactorLightTan } }
- [ manifest get pprint-manifest ] with-nesting
+ {
+ { page-color COLOR: FactorLightLightTan }
+ { border-color COLOR: FactorDarkTan }
+ { inset { 5 5 } }
+ } [ manifest get pprint-manifest ] with-nesting
nl nl
] print-use-hook set-global
\ No newline at end of file